WordPress.org

Support

Support » How-To and Troubleshooting » how do I centre the site navigation menu?? Please help!

how do I centre the site navigation menu?? Please help!

  • Aclizzy
    Member

    @aclizzy

    Hi there,
    I’ve just recently installed WordPress and I’m slowly figuring out how everything works. However, I have no clue what so ever how to code and it seems like the only way for me to center the site navigation menu on my site is via the style.css.

    I would really appreciate it if somebody could walk me through this process as I’ve tried searching the web and implementing the various strategies shown to me but to no avail.

    My theme: Fresh Ink Magazine 1.06 by Adazing Web Design

    Thanks

Viewing 15 replies - 1 through 15 (of 24 total)
  • riversatile
    Member

    @riversatile

    What’s your Site URL ?

    pixelrow
    Member

    @pixelrow

    Your site address?

    Samuel B
    Participant

    @samboll

    find this in theme’s style.css

    #menu {
    	background-repeat: no-repeat;
    	position: relative;
    	width: 832px;
    	margin-left: 168px;
    	background-color: #000000;
    	float: left;
    	clear: left;

    change float: left; to float: right;

    it is recommended you create a child theme to modify so as your mods don’t get over-written on a theme update
    http://codex.wordpress.org/Child_Themes

    Aclizzy
    Member

    @aclizzy

    Aclizzy
    Member

    @aclizzy

    Samuel B
    That centered it but it also caused the black background that the menu you sits on to move right too. So, now it hangs of the edge of my page??

    pixelrow
    Member

    @pixelrow

    Find this

    #menu {
    background-color: #000000;
    background-repeat: no-repeat;
    clear: left;
    float: right;
    margin-left: 168px;
    position: relative;
    width: 832px;
    }

    Change this:

    margin-left: 168px


    It would stop the menu going way out.

    riversatile
    Member

    @riversatile

    This theme is really badly done!

    pixelrow
    Member

    @pixelrow

    Sorry – either delete or set to 0

    Aclizzy
    Member

    @aclizzy

    @pixelrow
    I followed your instructions, it was already at 168 pixels so I tried 140 etc etc all the way down to 0. That resulted in my background shrinking but it still goes off the page?

    @riversatile

    I’m knew to this, could you please explain why this theme is bad?

    pixelrow
    Member

    @pixelrow

    Now just change it back to float:left. Then should be fine.

    Aclizzy
    Member

    @aclizzy

    Pixelrow,

    I changed it back to float left, and the exact same thing happened on the other side. Bear in mind I have deleted the margin left?

    pixelrow
    Member

    @pixelrow

    Apologies, this is a strange one – try adding this – margin: 0 auto.

    Aclizzy
    Member

    @aclizzy

    I just added ”margin: 0 auto;” and nothing happened. This is so confusing lol

    I chose this theme because it looks simple and it corresponds slightly with type of website I’m trying to build. But, due to the fact I’m so new it is difficult for me to differentiate between good themes and bad themes.
    Could you recommend a different theme that is simple whereby I’ll be able to change the site nav Menu without problems?

    Aclizzy
    Member

    @aclizzy

    please, I really need some advice been trying to figure this out for hours 🙂 and I don’t plan on sleeping until its been accomplished.

    pixelrow
    Member

    @pixelrow

    I take it you have figured it out 🙂 Look ok – or was there something else?

Viewing 15 replies - 1 through 15 (of 24 total)
  • The topic ‘how do I centre the site navigation menu?? Please help!’ is closed to new replies.