Main menu on tablet uneven

  • I’m having an issue in my main menu when viewed on a tablet. It’s not an error with the media queries as it doesn’t occur on desktop when the window is resized to tablet size. On a tablet, any menu item that has a drop down item, it adds an arrow next to it obviously indicating there’s a drop down menu for that item. I’ve tried fixing it and have concluded that the arrow is what’s causing the issue. Any menu item that has this arrow next to it causes the menu item before it to drop down by a couple pixels. Isn’t much but it’s kind of frustrating not knowing how to fix it. I’ve tried adding display: inline-block to the css but it doesn’t fix the issue. I would like to keep the arrow there if possible and just try to fix it but if I absolutely have to I’ll delete it. Any help is greatly appreciated!

Viewing 6 replies - 1 through 6 (of 6 total)

  • Any chance you can share a link to your site? It’s hard for us to diagnose a problem (and even harder coming up with suggestions) from just a description, so we’d need to see it in action.

    Thread Starter arctrinity

    (@arctrinity)

    Yes sorry, the site in question is https://arctrinity.com/

    The drop down for the services tab adds an arrow in tablet view only and is causing the home menu item to drop down a couple pixels.

    The quickest way would be to override the min-height of the arrow, using some CSS:

    .main-nav .sub-arrow {
   min-height:0;
}
    • This reply was modified 8 years, 3 months ago by Senff - a11n.
    Thread Starter arctrinity

    (@arctrinity)

    I really appreciate you taking a look but this didn’t have any affect. Thank you for trying though!

    I don’t see the code that I suggested above anywhere on your site though. In which file did you put it?

    Thread Starter arctrinity

    (@arctrinity)

    I put it in a custom css file and tested it to see if the problem still occurred. I deleted it once I saw that it didn’t fix the issue. I put it back in again and I’ll leave it for a while so you can check it again. Really appreciate the assistance though!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Main menu on tablet uneven’ is closed to new replies.