[Skip to main content](#vessel-content) # hikashop logo break the responsive design ## - **[lionel75](/forum/user/11856-lionel75 "View lionel75's Profile")** - [![lionel75's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/11856-lionel75 "View lionel75's Profile") Topic Author - [ Offline](/forum/user/11856-lionel75) Less More - Posts: 846 - Thank you received: 92 - - 12 years 3 months ago - 12 years 3 months ago [\#164206](#164206) by [lionel75](/forum/user/11856-lionel75 "View lionel75's Profile") *[hikashop logo break the responsive design](/forum/3-bug-report/869727-hikashop-logo-break-the-responsive-design#164206 "i study the menu of hikashop web site and learn a lot about responsive template from css code there is many months . I see a problem and i don't succeed to resolve at this time ( challenge / exercices) . the problem is that span6 is in 48.9362% and the 2 images ( hikashop text 345px + logo 80px =425) can't fit inside this span when the span6 is")* was created by *[lionel75](/forum/user/11856-lionel75 "View lionel75's Profile")* i study the menu of hikashop web site and learn a lot about responsive template from css code there is many months . I see a problem and i don't succeed to resolve at this time ( challenge / exercices) . the problem is that span6 is in 48.9362% and the 2 images ( hikashop text 345px + logo 80px =425) can't fit inside this span when the span6 is< 425px .I don't have time but does display none for .complete_logo selector for the MQ breakpoints min-width 871 / max-width 885 resolve the issue ? The number of pixel that cause the issue seem to be 14px Viewport MQ or 5 px CSS regard's . Last edit: 12 years 3 months ago by [lionel75](/forum/user/11856-lionel75 "View lionel75's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzMtYnVnLXJlcG9ydC84Njk3MjctaGlrYXNob3AtbG9nby1icmVhay10aGUtcmVzcG9uc2l2ZS1kZXNpZ24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 12 years 3 months ago [\#164224](#164224) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[hikashop logo break the responsive design](/forum/3-bug-report/869727-hikashop-logo-break-the-responsive-design#164224 "i study the menu of hikashop web site and learn a lot about responsive template from css code there is many months . I see a problem and i don't succeed to resolve at this time ( challenge / exercices) . the problem is that span6 is in 48.9362% and the 2 images ( hikashop text 345px + logo 80px =425) can't fit inside this span when the span6 is")* Hi, I don't have this issue on my end. The logo is displayed or hidden but never at the wrong place. Which browser are you using ? Regarding your solution it seems to be correct in order to solve this issue. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzMtYnVnLXJlcG9ydC84Njk3MjctaGlrYXNob3AtbG9nby1icmVhay10aGUtcmVzcG9uc2l2ZS1kZXNpZ24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[lionel75](/forum/user/11856-lionel75 "View lionel75's Profile")** - [![lionel75's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/11856-lionel75 "View lionel75's Profile") Topic Author - [ Offline](/forum/user/11856-lionel75) Less More - Posts: 846 - Thank you received: 92 - - 12 years 3 months ago - 12 years 3 months ago [\#164300](#164300) by [lionel75](/forum/user/11856-lionel75 "View lionel75's Profile") Replied by *[lionel75](/forum/user/11856-lionel75 "View lionel75's Profile")* on topic *[hikashop logo break the responsive design](/forum/3-bug-report/869727-hikashop-logo-break-the-responsive-design#164300 "i study the menu of hikashop web site and learn a lot about responsive template from css code there is many months . I see a problem and i don't succeed to resolve at this time ( challenge / exercices) . the problem is that span6 is in 48.9362% and the 2 images ( hikashop text 345px + logo 80px =425) can't fit inside this span when the span6 is")* All browser show the issue !! it is tricky but take care go slow it is because the duration when logo is at wrong location only occur for a short period of time ( or for less than 14 px ) . so many people don't take care of this . here pdf of a captures screens when moving the right side edge of browser to the left . Save the pdf to the filesystem OS and open it using adobe reader desktop ( not inside browser) . scroll the bar of adobe reader to bottom to switch/ change capture screen you ll have a kind of animation and see the logo location move when reduce width . **for firefox on desktop** simpliest way is to install and launch the bookmarklet find here [ ](http://tzi.fr/css/responsive/breaq-bookmarklet)[ tzi.fr/css/responsive/breaq-bookmarklet](http://tzi.fr/css/responsive/breaq-bookmarklet) on the hikashop web site . and then choose the breakpoint 870 and see the logo issue **for chrome on desktop** breaq dont work ( click on 870 button don't show issus ) but install responsive inspector ll help find the issue easely .[ responive inspector ](https://chrome.google.com/webstore/detail/responsive-inspector/memcdolmmnmnleeiodllgpibdjlkbpim?hl=en)don't let us define / go in a custom "breakpoint " value with a pixel precision but let us go with precision to the breakpoint value define in css file . We install it because it show a pop up in the bottom right side of the browser with dynamic information like pixel unit relative to CSS and viewport ( unit is relative to something so 5 pixels mean nothing ......) . so go to the value of the chrome capture screen to see the issue..... so breakpoint in css is not compute in the same way beetween chrome and firefox ? YES ( sorry but until now this the mess if you don't try to understand why ) regard's Last edit: 12 years 3 months ago by [lionel75](/forum/user/11856-lionel75 "View lionel75's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzMtYnVnLXJlcG9ydC84Njk3MjctaGlrYXNob3AtbG9nby1icmVhay10aGUtcmVzcG9uc2l2ZS1kZXNpZ24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26395 - Thank you received: 4077 - - [](http://obsi.dev) - 12 years 3 months ago [\#164304](#164304) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[hikashop logo break the responsive design](/forum/3-bug-report/869727-hikashop-logo-break-the-responsive-design#164304 "i study the menu of hikashop web site and learn a lot about responsive template from css code there is many months . I see a problem and i don't succeed to resolve at this time ( challenge / exercices) . the problem is that span6 is in 48.9362% and the 2 images ( hikashop text 345px + logo 80px =425) can't fit inside this span when the span6 is")* Hi, Thanks for the report. Sorry, Mohamed didn't understand what you was talking about. Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzMtYnVnLXJlcG9ydC84Njk3MjctaGlrYXNob3AtbG9nby1icmVhay10aGUtcmVzcG9uc2l2ZS1kZXNpZ24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[charlotte\_admin](/forum/user/12-charlotte-admin "View charlotte_admin's Profile")** - [![charlotte_admin's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/12-charlotte-admin "View charlotte_admin's Profile") - [ Offline](/forum/user/12-charlotte-admin) Less More - Posts: 1 - Thank you received: 0 - - 12 years 3 months ago [\#164622](#164622) by [charlotte\_admin](/forum/user/12-charlotte-admin "View charlotte_admin's Profile") Replied by *[charlotte\_admin](/forum/user/12-charlotte-admin "View charlotte_admin's Profile")* on topic *[hikashop logo break the responsive design](/forum/3-bug-report/869727-hikashop-logo-break-the-responsive-design#164622 "i study the menu of hikashop web site and learn a lot about responsive template from css code there is many months . I see a problem and i don't succeed to resolve at this time ( challenge / exercices) . the problem is that span6 is in 48.9362% and the 2 images ( hikashop text 345px + logo 80px =425) can't fit inside this span when the span6 is")* Hello, Thank you for your report. We modified our CSS for a better responsive layout. Regards, Charlotte. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzMtYnVnLXJlcG9ydC84Njk3MjctaGlrYXNob3AtbG9nby1icmVhay10aGUtcmVzcG9uc2l2ZS1kZXNpZ24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.061 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)