Vertical menu height

Hey,

The height looks the same to me. Did you resolve this?

If not please let us know which browser you’re using, and if it only happens on specific pages.

Hi James!
Thanks so much for your quick reply! And apparently it was resolved, guess some of the tweaking I was trying did it, but it led to an odd thing happening (maybe you could help with this, or should I post another topic?):

When each of the top menu links are clicked (“About,” “Book” etc), the box around the word (on each respective page) is no longer surrounding the word, it’s shrunk to like covering the word.

You can see it here over the “About” (https://blueprintarts.com/about-us/)

Thanks!!!

Hey,

In your custom CSS you have the following rule:

#primary-menu.no-responsive > li > a, #primary-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header a, .widget_nav_menu > div > ul > li > a, .widget_submenu > div > ul > li > a, .widget_pages > ul > li > a, .widget_categories > ul > li > a, .widget_product_categories > ul > li > a {
    line-height: 5px;
}

This is the cause of your issue. If you remove that the box will appear appropriately.

Awesome, thanks James!!!

Hi James,
Sorry to bug you again:
So I thought it worked, but apparently it didn’t…! (I put it back)

Any other ideas?

I tried tweaking style.css line 2987 which is:

.header-style-3 #primary-menu.no-responsive > li > a, .header-style-4 #primary-menu.no-responsive > li > a {
padding: 0px 15px;

…By changing padding to 5px

But what happened is that it increased the general vertical padding, so the top bar ended up with the extra 5px!