Support » Theme: Longevity » Primary Menu and Banner

  • Resolved KG8VJ

    (@kg8vj)



    I’m not sure what’s going on, but when I added two sub-menu items to my primary menu, the space taken up by the menu got larger (top to bottom) and my banner now is being cut off at the bottom. The primary menu at the top used to be a nice skinny strip across the top, but now it’s much wider. I tried simply removing those two sub-menu items, but that doesn’t fix the problem. I’ve looked everywhere (except in the code…not familiar with that and not comfortable touching it!) and can’t figure out how to fix this.

    Thanks for any and all suggestions!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Well, I turned off image performance on JetPack and all seems to be ok now, although I swear the menu was a lot skinnier before! Is there any way to make it narrower?

    Theme Author Shaped Pixels

    (@shaped-pixels)

    Hello KG8VJ,

    We don’t find any difference with the design between your website and one with our demo site.
    If you want to make the sub-menu narrower to the primary menu items you may add the following css inside the additional css section of your customizer and give a try;

    .primary-navigation ul ul {
        padding: 0 0;
        top: 3.25rem;
    }

    Let us know.
    Thanks!

    Hi Shaped Pixels,

    I did make this change and like it. Is there any way for me to make the main menu narrower as well?

    Thanks for your help!

    Theme Author Shaped Pixels

    (@shaped-pixels)

    Hello KG8VJ,

    If you want to make the main menu narrower to the banner image you can add the following css;

    .site-header {
        padding: 0.75% 0;
    }

    Thanks!

    Perfect! thanks so much for your help!

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.