WordPress.org

Ready to get started?Download WordPress

Forums

WP-Creativix
[resolved] Increase navigation menu width and centre it (9 posts)

  1. SusanO2607
    Member
    Posted 1 year ago #

    Currently the menu is right-aligned. Where can I adjust the width and alignment?

    Thanks

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Try following this similar thread.

  3. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    please post a link to your site to illustrate what you have so far.

    you will need to edit style.php of the theme;
    the menu has a background graphic which will need to be adjusted.

    try working with a browser inspection tool such as Firebug to find out which styles you need to edit.

  4. SusanO2607
    Member
    Posted 1 year ago #

    This is what I've got in my style.php so far

    Code was:
    #topmenu {
    margin-top: 5px;
    float: right;
    clear: both;
    }

    Changed to :
    #topmenu {
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    }

    No success though but my website is http://iswconsultants.com

  5. Andrew
    Forum Moderator
    Posted 1 year ago #

    To center a block element, you need to add a width.

  6. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    the div #topmenu is empty, i.e. is not the menu you are trying to change;

    start by changing the width and background image in this style in style.php:

    .navigation {
    background: url(images/navbar.png) no-repeat;
    padding-right:0px;
    font-size:12px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 6;
    width: 691px;
    vertical-align: baseline !important;
    height: 48px;
    float: right;
    }

    also will need changes to:

    #header #navbar li { float:none; display: inline-block; }
    #header #navbar{ float:none; }

    and remove the fixed height from:

    #header #navbar {
    float:left;
    height:150px;
    line-height:50px;
    padding-left:13px;
    }

    (only checked in Firefox with web developer add-on; not cross-browser tested)

  7. SusanO2607
    Member
    Posted 1 year ago #

    Hi,

    Have actioned the above. Please check http://iswconsultants.com. My grey area behind my "menu" is too short.

    Please could you assist? Thanks

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    We can't assist you for this issue, you must expand your background image width.
    http://iswconsultants.com/wp-content/themes/wp-creativix/images/navbar.png

  9. SusanO2607
    Member
    Posted 1 year ago #

    Ok, figured it out. Just had to get my head around the fact that you have to adjust the "space" size and then amend and upload a image to fit that space.

    Thank you!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.