Return to previous page

Menu stacking on different media screens – CSS not applying.

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

intensedesigns

Participant

January 9, 2017 at 23:47

I have added the below code into my website and for some reason the menu size will not go smaller on this media screen no matter what.

Hi i’m trying to do when you resize the window to make the menu not stack. Just want it to go smaller and centre.

Please help I even pasted the code into the styling media screen css and that didn’t work either.

@media screen and (max-width: 991px) {
.menu-wrapper .menu > li > a, .mobile-menu-wrapper .menu > li > a, .mobile-menu-wrapper .links li a, .secondary-menu-wrapper .menu > li > a, .secondary-title {
font-size: 15px!important;
line-height: 15px !important;
}

.navbar-header {
margin-right: 46px !important;
}
}

Please, contact administrator
for this information.

#151304 Copied Theme version: Xstore

4 Answers
8theme

Support staff

January 10, 2017 at 11:28
Hello,

Try to add this code to the media query also

.menu-wrapper { display:block!important; }

Regards
#151361 Copied
intensedesigns

Participant

January 10, 2017 at 11:46

Hi there, I have created you logins if you can have a look why my css code doesn’t work on appearance editor for media screens? I just want the main menu not to stack when making the browser window smaller?

If you can please take a look that would be greatly appreciated.

See below.

Please, contact administrator
for this information.

#151369 Copied

intensedesigns

Participant

January 10, 2017 at 13:21

NEVER MIND I SOLVED IT BY USING THE BELOW CODE.

Thanks.

.header-xstore .navbar-header {
width: 125px !important;
}

.header-xstore .header-logo {
width: 125px;
}

#151388 Copied

8theme

Support staff

January 10, 2017 at 14:47

Great, you are welcome 🙂

#151414 Copied
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Menu stacking on different media screens – CSS not applying.’' has been successfully resolved, and the topic is now closed for further responses

Menu stacking on different media screens – CSS not applying.

Explore our best WordPress WooCommerce Themes collection