WordPress.org

Ready to get started?Download WordPress

Forums

Custom Community
Menu alignment (8 posts)

  1. PerspectiveX
    Member
    Posted 1 year ago #

    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.

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    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).

  3. PerspectiveX
    Member
    Posted 1 year ago #

    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?

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    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

  5. PerspectiveX
    Member
    Posted 1 year ago #

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

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

    #outerrim {
     width: 960px;
     margin: 0 auto;
    }
  7. PerspectiveX
    Member
    Posted 1 year ago #

    That's great! Worked like a charm

    Many thanks indeed :)

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    And thanks for contributing to the WordPress.org community. It really helps others experiencing the same problem.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic