Link to home
Start Free TrialLog in
Avatar of jblayney
jblayneyFlag for Canada

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
ASKER CERTIFIED SOLUTION
Avatar of SSupreme
SSupreme
Flag of Belarus image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of jblayney

ASKER

thank you, of course. I'm not thinking.

But is there any other way to do it using classes and IDs
@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.