jblayney
asked on
targeting between desktop and responsive menu
Hello,
https://www.think-dev.ca
user: think
pass: insure
My main menu, e.g car issuance, home insurance etc... I need a way to target the css for the main menu style.
I just added a height and width to
.navbar-default .navbar-nav > li
But I want it to only target the desktop menu, not the responsive menu
https://www.think-dev.ca
user: think
pass: insure
My main menu, e.g car issuance, home insurance etc... I need a way to target the css for the main menu style.
I just added a height and width to
.navbar-default .navbar-nav > li
But I want it to only target the desktop menu, not the responsive menu
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
@media all and (max-width: 991px) { .navbar-default .navbar-nav > li {max-width: inherit;min-height: inherit;}
}
Otherwise you need JS code which look for width of boby and applies class or id to an element of menu, then specified rules as above do the same thing.
And you already have it to adjust menu for different screen sizes. @media only screen and (max-width: 991px)
.navbar-default .navbar-nav > li > a at menu.css line 374 add bold text above into this media.
}
Otherwise you need JS code which look for width of boby and applies class or id to an element of menu, then specified rules as above do the same thing.
And you already have it to adjust menu for different screen sizes. @media only screen and (max-width: 991px)
.navbar-default .navbar-nav > li > a at menu.css line 374 add bold text above into this media.
ASKER
But is there any other way to do it using classes and IDs