Navigation bar and sub menue drop down

Community Forums Forums Design Tips and Tricks Navigation bar and sub menue drop down

This topic is: not resolved

This topic contains 7 replies, has 4 voices, and was last updated by  Tony-BV 3 months, 3 weeks ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #75591

    ana
    Member
    Post count: 6

    Hi, does any one know how the sub menues on the navigation bar, size can be changed? and the font size too?

    http://www.swiftpropertymaintenance.co.nz
    #76108

    Davinder Singh Kainth
    Participant
    Post count: 1240

    1. Open style.css file.

    2. Goto Primary Navigation section and look for following code:
    #nav li li a,
    #nav li li a:link,
    #nav li li a:visited {
    background-color: #111;
    border: 1px solid #444;
    border-top-width: 0;
    color: #999;
    font-size: 11px;
    padding: 5px 10px;
    position: relative;
    text-transform: none;
    width: 128px;
    }

    3. Change font-size from 11px to any size of your choice. You can also modify background color of sub menu here.

    Regards
    Davinder


    Need website customization services or other Genesis / WordPress help ?
    Davinder @ Design Studio iGuiding Media | My Blog | Fresh Genesis Themes Collection

    #76254

    ana
    Member
    Post count: 6

    Hi Davinder,

    thank you so very much. It worked. Can you also please advise how i can make all the word on my dropdown/menue fit in on line?

    thanks heaps hope you can help me out with thsi one too..

    regards
    Anita

    #76359

    Davinder Singh Kainth
    Participant
    Post count: 1240

    Welcome, glad it worked. Regarding width, look for following code:

    #nav li li a,
    #nav li li a:link,
    #nav li li a:visited {
    background-color: #111;
    border: 1px solid #444;
    border-top-width: 0;
    color: #999;
    font-size: 12px;
    padding: 5px 10px;
    position: relative;
    text-transform: none;
    width: 128px;
    }

    #nav li li a:hover,
    #nav li li a:active {
    color: #c62765;
    }

    #nav li ul {
    height: auto;
    left: -9999px;
    margin: 0 0 0 -1px;
    position: absolute;
    width: 150px;
    z-index: 9999;
    }

    #nav li ul a {
    width: 130px;
    }

    Width value appear 3 times, change width value by same amount. Keep increasing till you get desired look and text does not fall in next line.


    Need website customization services or other Genesis / WordPress help ?
    Davinder @ Design Studio iGuiding Media | My Blog | Fresh Genesis Themes Collection

    #76450

    ana
    Member
    Post count: 6

    Dear Davinda,

    You are so great. Thank you very much for your help. I really appriciate it. Are you a Designer? if so give me your email or website so I can keep and call if there is any work. I know a lot of people in NZ looking for websites.

    May be you can please help me out with one last thing. ..
    you know how the template has a parent theme colour and all the [read more] tabs are set to this parent theme colour on default, if there any way that we can change just the colour of the [read more]?

    I really appriciate your help thank you heaps.

    kind regards
    Anita

    #94089

    Tony-BV
    Participant
    Post count: 5

    Hi Davinder, I am trying to do the same thing widen the category sub menu so it stays on one line on the Lifestyle Child Theme . I changed the width settings but it doesn’t seem to be updating on my site. http://www.immunesystemsupport.net. If you could let me know where to change the setting, that would be great. Thanks in advance. Tony

    #108259

    jodzeee
    Participant
    Post count: 216

    Tony, look for

    .genesis-nav-menu .sub-menu a {
    background-color: #333;
    font-size: 12px;
    padding: 12px 16px;
    position: relative;
    width: 175px;

    (line 1004 in your style sheet)

    and change the width to 289px

    #108263

    Tony-BV
    Participant
    Post count: 5

    Thanks Jodzeee, that works.

    Have a great day!
    Tony

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.