LANDSCAPE – Nav submenu width change in stylesheet.css?

Community Forums Forums Design Tips and Tricks LANDSCAPE – Nav submenu width change in stylesheet.css?

This topic is: not resolved

This topic contains 15 replies, has 4 voices, and was last updated by  nickthegeek 1 year, 8 months ago.

Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #1634

    Eclipsed
    Participant

    I have a sub category that is listed from a horizontal menu under the header.  The sub category is Antelope Canyon Pictures and it shows Antelope Canyon on one row and Pictures on row below it.  Does anyone know what needs to be changed to display it one one row?

     

    Thanks in advance.

    #1646

    SoZo
    Moderator
    Post count: 1573

    It helps immensely if you include a link to your site with all questions.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #1729

    Eclipsed
    Participant
    #2046

    SoZo
    Moderator
    Post count: 1573

    You can adjust the widths of #nav li ul and #nav li li a, #nav li li a:link, #nav li li a:visited

    I recommend installing the Firebug add on for Firefox or using Chrome’s Firebug Lite which will enable you to right click on any element to inspect it and determine the associated style rules or the selectors required to create new style rules.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #2102

    Eclipsed
    Participant

    Thanks, that worked.  What option is controlling the position of the secondary sub menu?  I want to move it 10 pixels or so to the right becaues right now it overlaps on the first menu.

    #2159

    SoZo
    Moderator
    Post count: 1573

    That margin is set in the #nav li ul ul rule. Firebug will show you all of the rules for any element.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #2276

    Eclipsed
    Participant

    Thanks,  will have to give Firebug a shot.  I’ve heard of it before but havent used it.

    #2307

    Eclipsed
    Participant

    #nav li ul ul {

    margin: -29px 0 0 173px;

    }

    I tried adjusting both numbers in both directions (increasing and decreasing pixels) but it didnt do anything.  The sub menu still shows up the same.

    #2882

    rolandoooo
    Participant

    Hello SozO and eclipsed, I tried to change the width in #nav li ul and #nav li li a, #nav li li a:link, #nav li li a:visited and also in

    #nav li ul ul { margin: -29px 0 0 173px; } But there are no changes. What I want is only to change the width of the submenu.

    Because I have long names.

    ———————————————————————

    What I need is:

    Category One

    Subpage 1 with long title with long title with long title

    Another subpage 2 with long title with long title with long title

    Another subpage 3 with long title with long title with long title

    —————————————–

    What I have is:

    and what I dont want is:

    Category One

    Subpage 1 with long

    title with long title

    with long title

    Another subpage 2

    with long title with

    long title with long title

    Another subpage 3

    with long title with

    long title with long title

    ———————————————————–

    Thanks

    There are any .css to change this ?

    Roland

     

    #2885

    rolandoooo
    Participant

    Thank you I dont know why today it works.

    #2892

    SoZo
    Moderator
    Post count: 1573

    You’re welcome :)


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #2994

    Eclipsed
    Participant

    Sozo,

    My issue is still not resolved

    #3104

    rolandoooo
    Participant

    that works

     

    .menu-primary li li a,

    .menu-primary li li a:link,
    .menu-primary li li a:visited,
    .menu-secondary li li a,
    .menu-secondary li li a:link,
    .menu-secondary li li a:visited,
    #header .menu li li a,
    #header .menu li li a:link,
    #header .menu li li a:visited {
    background: none;
    background-color: #FF9900;
    border-bottom: 1px solid #f5f5f5;
    color: #333;
    font-size: 15px;
    padding: 10px;
    position: relative;
    text-transform: none;
    width: 450px;
    }

    #3111

    Eclipsed
    Participant

    Roland,

    Your code is different from what Sozo told me needs to be modified in order for secondary menus to be different.

    In your case to get it working did you change the width in your code? What did you change it from?

    #3373

    rolandoooo
    Participant

    ok my question was how to change the width of the subnavigation. I only changed the width to 450px.

Viewing 15 posts - 1 through 15 (of 16 total)

You must be logged in to reply to this topic.