• 

  Divites

  Participant

  February 8, 2018 9:24 am

  Hi,

  I was wondering if you could help me with some code to decrease the font size of the menu items on level 1 when visiting the site on devices with screensize max 1280×800. When the site is shown on a laptop the menu font size is too large which causes the menu items to be shown in 2 rows. I really would like to show the menu on 1 row on smaller devices as well.

  Site URL: hidden

  #184347 copied to clipboard

  Like
  

  Rose Tyler

  Support staff

  February 8, 2018 11:21 am

  Hello,

  Please add this code in Theme Options > Styling > Custom css > Global Custom css:

  @media only screen and (max-width: 1400px) and (min-width: 992px){ 
      .header-xstore .navbar-header {
          width:  15% !important;
      }
      .menu-wrapper .menu > li > a {
          font-size: 18px;
          padding: 0.77em 0.5em;
      }
  }
  @media only screen and (max-width: 1200px) and (min-width: 992px){ 
      .menu-wrapper .menu > li > a {
          font-size: 14px;
      }
  }

  Regards

  #184385 copied to clipboard

  Like
  

  Divites

  Participant

  February 8, 2018 4:22 pm

  Hi,

  Thx for your great support!

  Regards,

  Johan

  #184479 copied to clipboard

  Like
  

  Rose Tyler

  Support staff

  February 8, 2018 4:27 pm

  Hello,

  You’re welcome!

  Regards

  #184482 copied to clipboard

  Like
Viewing 4 results
1 through 4 (of 4 total)