Mobile Menu - Top Cart

7 replies · opened Jul 7, 2021

TtautraJul 7, 2021

Hello, As my menu is to wide, I had to change the menu breakpoint from 992px to 1200px. I have been able to do so by updating the style.css and functions.js files. However, I also need the top-cart (I use this for language options) to disappear also on larger devices where the mobile menu is shown.

Please have a look: https://www.sonnenberg-ag.ch/el/am1.html#ams

I have this problem using an IPad Pro to test. With a Iphone 12 Pro only the mobile menu is shown.

Will also attach a screen shot.

Many thank.s

TtautraJul 7, 2021

Screen shot

SSemicolon WebSTAFFJul 7, 2021

Hello,

This issue is due to Custom Codes in the https://www.sonnenberg-ag.ch/el/css/custom_main3.css File. See the attached image for CSS Codes which is causing this issue.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

TtautraJul 7, 2021

Unfortunately, I still have the problem:

I have moved these codes inside the media queries and have made no such entries in (min-width: 1024px) and (max-width: 1440px)and (orientation: portrait). The top-cart is still there, however not on the same place....

SSemicolon WebSTAFFJul 8, 2021

Thanks for your Patience!

This again is related to Customization. This needs to be moved under appropriate Media Queries. The Min Width for this should be @media (min-width: 1200px) as the breakpoints have been changed to 1200px for the Mobile Menus. Also most-likely, orientation media query is not required.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

TtautraJul 8, 2021

I have now removed every customization with this regards away from my custom_main4.css.

In the style1 file, all menu and header related codes have been moved from max-with 991.98 to 1199.98 and from min with 992 to 1200.

I still have the top-cart in Landscape mode on my IpadPro.

Do I need to customize other files than the funtions.js and the style.css to make the change to the top-cart? For the hamburger menu this worked fine....

Many thanks for your help.

TtautraJul 9, 2021

I have been able to solve this problem. You can close this ticket. Many thanks.

SSemicolon WebSTAFFJul 10, 2021

Thanks for your Patience and Glad that the issue was resolved.

Please do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard