Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4

Thread: Jumping Menu

  1. #1
    New to the CF scene
    Join Date
    Jan 2012
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Jumping Menu

    Hi wondered if someone could help me..

    I have just finished website for my wife's photography business..

    www.michellewaspe.com

    using Wordpress

    We kept changing the design so some of the CSS is a bit of a mess and am trying to tidy this up..

    The issue I have is with the menu..

    on loading the page (have checked in firefox and Chrome) jumps from the left to the centre..

    Can someone check it for me and find out what the problem is..

    Thanks,

  • #2
    New Coder
    Join Date
    Oct 2011
    Posts
    26
    Thanks
    5
    Thanked 0 Times in 0 Posts
    I am running the page in firefox and I see no noticeable issues, did you fix this?

  • #3
    Regular Coder
    Join Date
    Dec 2010
    Posts
    424
    Thanks
    22
    Thanked 56 Times in 56 Posts
    I believe this is because your adding inline styling to your HTML for that div
    **padding-left: 112px;

    Instead, add this in your external style sheet, try something like this instead

    ul.primary-nav-menu {
    line-height: 14px;
    margin: 0 auto;
    padding: 0 18px;
    width: 814px;

  • #4
    New to the CF scene
    Join Date
    Jan 2012
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi guys,

    Thanks for your replies.. However I tried the fix from Aaronhockey and it didn't work so I had to use a messy workaround...

    I am using a Wysiwyg editor called Prophoto to do the website. So rather than set the menu to be centre aligned as I wanted I set it to left aligned and then used custom CSS to overwrite the padding to push the menu into the centre... If anyone knows a better way of doing this please reply..

    Ta


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •