Return to previous page

Problem with menu on small laptop screen

This topic has 2 replies, 2 voices, and was last updated 8 years, 11 months ago ago by Robert Hall

Eevis

Participant

December 17, 2015 at 10:35

Hi,

My client has a online shop that has quite a lot of stuff in the main menu (https://laatikkokauppa.fi). When the site is viewed on small laptop (width eg. 1024px), the responsivity doesn’t yet kick in and thus the menu fills almost half of the screen – which is of course not good. How can I override the theme default for responsivity and make the menu switch to mobile menu earlier than what it is on default (around 995px)? I don’t have the time to go through all the scripts just to find out this one thing.

Thanks!

#104723 Copied Theme version: 2.6.2 WooCommerce version: 2.4.12

1 Answer
Robert Hall

Support staff

December 17, 2015 at 11:43
Hello,

Try to add the following code in custom.css file.
```
@media (min-width: 1100px){
.visible-desktop {
    display: none !important;
}}
@media (max-width: 1100px){
.hidden-desktop {
    display: inherit !important;
    left: 0;
    top: 50px !important;
}}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#104736 Copied
Tagged: best selling, menu problem, seo friendly, small laptop screen, themes, woocommerce
Viewing 2 results - 1 through 2 (of 2 total)