Menu alignment

  • Hi

    I’m having a problem with my menu bar.
    It isn’t aligning with my header or page widths.
    The bar goes all the way horizontally across the background, and the actual menu buttons begin to the left of my header and pages.
    I want to get the bar to be the same width as the header and pages.

    I’ve got the website width set to 960 (static), and the header is the same width, and aligning nicely with my pages.

    Any help very much appreciated.
    I’m new to website design, wordpress and the custom community theme, so please bear that in mind with any responses.
    I’m quite willing to try to tweak css etc if that it needed, but please understand that i have no experience of doing so up to now, so would need ‘idiot proof’ instructions!

    The site isn’t live right now, I’ve got it parked with an underconstuction plugin so I can’t show the the site itself.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    We can’t help with formatting issues without seeing a working example of the issue.

    You can still keep your site under construction.
    We can work off HTML and CSS.
    Provide the HTML and CSS styling for one page by using PasteBin. Then send us the link to the PasteBin’d page(s).

    Thread Starter PerspectiveX

    (@perspectivex)

    I’m enough of a newbie that I don’t actually know how to find the html and css for one page.

    I go into editor in appearance and can find the style.css. Is that what you want for css?
    I have no idea where to look for the html for one page. Is it page.php?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    CSS :-
    Yes, the style.css’ code will do I think. Let’s try that. So paste that into one PasteBin page and send us the link of that.

    HTML :-
    View your webpage (with the issue).
    Right click where applicable (assuming Windows).
    Select the option, ‘View source’.
    The pop-up window will hold your entire HTML & other goodies that may help simulate your webpage.
    Copy that code and paste it into another PasteBin page and send us that link too.

    We can then use some-sort of sandbox environment to replicate your webpage, like the service provided by cssdesk.com

    Thread Starter PerspectiveX

    (@perspectivex)

    Ok, great

    CSS: https://pastebin.com/dUhs7V22

    HTML: https://pastebin.com/miac1rP0

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Assuming you’re using the theme, Twenty Twelve, add to the Custom CSS section of the dashboard this;

    #outerrim {
 width: 960px;
 margin: 0 auto;
}

    Thread Starter PerspectiveX

    (@perspectivex)

    That’s great! Worked like a charm

    Many thanks indeed ??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    And thanks for contributing to the www.remarpro.com community. It really helps others experiencing the same problem.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Menu alignment’ is closed to new replies.