WordPress.org

Ready to get started?Download WordPress

Forums

Weaver navigation bar - left margin (5 posts)

  1. ecolumbine
    Member
    Posted 1 year ago #

    Hi
    This is the site <a href="http://69.89.31.124/~ecolodg1/
    I'd like to add padding to the left hand side of the navigation bar so that it lines up with the white box below.
    Can anyone advise the code for this - and confirm I would add this in the <head> section under advanced options?
    Thanks
    Ellie

  2. scrambler
    Member
    Posted 1 year ago #

    If you have rpo, this would be an option in the Main Option > Menus page.
    Without Pro, you can add the rule below to Advanced options > HEad Section > CUstom CSS Rule Box
    #access .menu {padding-left:22.5%;}

    Using a percentage value instead of fixed pixel value will allow the site to stay responsive and the alignemt to work on devices with a smaller screen

  3. ecolumbine
    Member
    Posted 1 year ago #

    This is perfect - thank you so much!

  4. ecolumbine
    Member
    Posted 1 year ago #

    Hi again
    Sorry to resend - but I did this, it seemed to work, I haven't changed any settings but it's reverted back to the old alignment - even though the code is still there - any thoughts?

  5. scrambler
    Member
    Posted 1 year ago #

    Because you change your menu, so it no longer carries the class .menu.
    Using the developer tools I can see the new class is .menu-header-menu-container so you need to modify the rule so it is
    #access .menu-header-menu-container {padding-left:23%;}

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags