Submenu appears differently from homepage to my other pages

  • Resolved jamesmck17

    (@jamesmck17)


    1 year, 7 months ago

    I have a submenu in my navigation bar, which works great on all pages, except when on the homepage where it is formatted all strangely – it seems to centralise, be wrapped and padded. I want it to appear like it does from the rest of my pages – one line no wrap, which is also what it looks like in the back end.

    I have tried removing plugins as per online blog advice, and I have tried rebuilding the navigation object and deleting page caches, but the issue persists. I am not a coder so I haven’t changed any HTML or CSS stuff (as far as I am aware), but at one point I did have a really long name in the submenu so I wanted it to wrap more sensibly, but I am not if this is when the issue started, but either way as far as I can understand the homepage also uses the Header Template Part, which appears to work fine everywhere else. But I have run out of things to try ??

    I also wondered if it is possible for the navigation bar submenu in my footer to make it ‘drop down’ upwards so that it is visible rather than going off the bottom of the page which is weird.

    I really hope you can help! Many thanks!

    Jamie

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

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

  • Hey there @jamesmck17 , I actually don’t see any difference between the menu on your various pages currently. Do you still need help?

    Actually now I see what you mean @jamesmck17 (Sorry, had to re-read!)

    I see it’s coming from this:

    ol.has-background, ul.has-background {
    padding: 1.25em 2.375em;
}

    Can you see what that may be coming from?

    You could also just override it by copying that same CSS and pasting it, then changing the padding numbers.

    Thread Starter jamesmck17

    (@jamesmck17)

    Thanks @supernovia – I tried adding the CSS and removing the padding as you suggested, but it didn’t work (although I might not have been doing it correctly). However, I reset the template ad rebuilt the page and it appears that it is the bullet points/list that I use in the lower part of the page that is for some reason making the submenu change its format. When I remove the bullet points it goes back to normal. Seems a bit odd, but for the moment I will just work with work-around manual bullet points!

    Thanks for your help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Submenu appears differently from homepage to my other pages’ is closed to new replies.