Return to previous page

Menu view on laptops - by queenb123 - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 6 years, 7 months ago ago by Rose Tyler

queenb123

Participant

September 2, 2017 at 09:46

Hello,

I have various screen size laptops, but for some reason after update, the menu with the most items does not FULLY show – the bottom of the menu gets cutt off!

I could not grab a good screenshot but i took a pic on my phone:

Can you help me with this please, all of the menu should be visible at 100% view whatever the screen size.

Many thanks.

Please, contact administrator
for this information.

#171437 Copied

3 Answers
Rose Tyler

Support staff

September 4, 2017 at 16:26
Hello,

You may try to add this code in Global Custom CSS:
```
@media only screen and (max-width: 1290px) and (min-width: 992px){ 
.item-design-mega-menu .nav-sublist-dropdown .nav-sublist a {
    font-size: 0.8rem;
    padding: 0.3em 1.5em;
}
}
```
Regards
#171550 Copied
queenb123

Participant

September 10, 2017 at 10:28

Hmmm almost there but its still cut off at 100% – please see:

#172026 Copied
Rose Tyler

Support staff

September 11, 2017 at 15:18
Please change previous code to:
```
@media only screen and (max-width: 1290px) and (min-width: 992px){ 
.item-design-mega-menu .nav-sublist-dropdown > .container > ul {
    padding-top: 1em;
}
.item-design-mega-menu .nav-sublist-dropdown .item-level-1.menu-item-has-children {
    margin-bottom: 1.8em;
}
.item-design-mega-menu .nav-sublist-dropdown .nav-sublist a {
    font-size: 0.8rem;
    padding: 0em 1.5em;
}
.item-design-mega-menu .nav-sublist-dropdown .item-level-1 > a {
    font-size: 0.9rem;
    padding: 0.5em 1.5em;
}
}
```
Regards
#172130 Copied
Viewing 4 results - 1 through 4 (of 4 total)