• 

  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
  2 Answers
  

  Robert Hall

  Participant

  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
  

  Eevis

  Participant

  August 25, 2025 at 10:51

  Thanks for the support! My topic “Problem with menu on small laptop screen” has been successfully resolved.

  #453449 Copied

• Tagged: best selling, menu problem, seo friendly, small laptop screen, themes, woocommerce
• Viewing 3 results - 1 through 3 (of 3 total)