• Resolved smoothb1

    (@smoothb1)


    When i am on my laptop which has a 13 inch screen i get the menu to the right sized width that i want and i go downstairs on the 30inch screen and the menu is much wider, i am using the jenny theme and my site is originbmx.com

    This is my grey.css for the nav

    .nav a, .nav a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #6b0a0a;
    }
    #navigation-wrap {
    background: #fififi;
    border-bottom: 1.5px solid #999999;
    border-top: 1px solid #999999;
    border-left: 1.5px solid #999999;
    border-right: 1px solid #999999;
    position:absolute;
    width: 71.95%;
    left:14%;
    clear: both;
    }

Viewing 6 replies - 1 through 6 (of 6 total)
  • You could set the width, does the content have a fixed width or is this fluid?

    However something like this might work, add it to the end of your style.css and test it!:
    #navigation-wrap {
    width: 880px;
    margin: 0 auto;
    }

    HTH

    David

    Thread Starter smoothb1

    (@smoothb1)

    I did add a link its https://www.originbmx.com and its still doing it when you zoom in and out it stay the same size

    Hi,
    I have visited the website and the #navigation-wrap width is being set by line 40 of a file or a function “originbmx.com #2”.

    Try adding !important

    #navigation-wrap {
    width: 880px !important;
    margin: 0 auto !important;
    }

    It is a strange theme having the navigation outside of a container class.

    You could also try position relative instead of absolute.

    #navigation-wrap {
    position: relative !important;
    width: 880px !important;
    margin: 0 auto !important;
    }

    I did not see the link in the first post, I was looking for blue link text!

    HTH

    David

    Thread Starter smoothb1

    (@smoothb1)

    It has worked were it stays the same size when you zoom in and out but how do i get it more to the left

    Thread Starter smoothb1

    (@smoothb1)

    I have sorted it now i just did this

    #navigation-wrap {
    position: relative !important;
    width: 973px !important;
    margin: 0 auto !important;
    left:-5.5%;
    }

    Works well!

    Mark this topic resolved please.

    David

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Please help’ is closed to new replies.