How to get navi li to fill the menu for each media screen?

  • Resolved tora0515

    (@tora0515)


    10 years, 5 months ago

    I’m having a hell of a time trying to figure this one out.

    The top navigation menu buttons are all different sizes depending on the screen size. I have been using style.css in the child-theme. But only the @media for min-width: 992 seems to do anything, when I put:

    @media only screen and (min-width: 768px) and (max-width: 991px) {

    #navigation ul li a {font-size: .9em;padding: 10px 15px;}

    }

    and then try to change the padding, it doesn’t work.

    The next thing I tried was moving over the layout.css file and adding the same heading as in the style.css file, but changing the @import to the original layout.css location. Also didn’t work

    Any ideas on this? Thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author simplethemes

    (@simplethemes)

    The nav links should only drop down in size/padding on tablet portrait orientation (at least in the current version 2.1.0).

    Without seeing it first-hand it’s hard to be for sure, but you could always override with a parent selector like so:

    #wrap #navigation ul li a {....}

    You could also add an !important rule.

    Thread Starter tora0515

    (@tora0515)

    Thanks! I just played around with the words and it will do for now.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to get navi li to fill the menu for each media screen?’ is closed to new replies.