Customizing the Nav Menu Appearance and position

  • Posted in : Responsy WP
  • jpolsgrove
    Participant

    Another question for you, sorry to keep bugging ya,

    Where do I go to change the look of the main nav?

    (though this should probably be a separate post… is there a way to set a background image behind the Latest Projects and From our Blog sections on the homepage?)

    Thanks again guys! Love the latest release!!

    ahmetsali
    Keymaster

    Hi, nav menu styles begin in line : 81 in main.css, you can get the codes from there and override them with new styles in Custom CSS box;

    /* NAV MENU */
    #nav { margin-top:0px; float:right; } 
    #nav li { position:relative; display:inline-block; margin:0 4px; } 
    #nav > li:last-child { margin-right:0px; }  
    #nav li a { position:relative; display:block; padding:17px; min-width:40px; text-align:center; font-size:13px; font-weight:400; z-index:300; }
    #nav li a:hover, #nav li a.selected:hover, #nav li a.current { text-decoration:none;}
    
    /* menu level 2 */
    #nav ul { display:none; position:relative; width:160px; z-index:310; margin:0; position:absolute; top:52px; left:0; padding: 10px 0 0 0; background-image:url(../img/background/nav-dropdown.png); background-position:18px 4px; background-repeat:no-repeat; }
    #nav ul li { display:block; padding:0; margin:0; text-align:center; }
    #nav ul li a { text-align:left; padding:10px 18px; font-size:12px; }
    #nav ul li:first-child a { border-top:none; }
    #nav ul li:last-child a { border-bottom:none; }
    
    /* menu level 3 */
    #nav ul ul { top:0; left:auto; right:160px; padding:0 8px 0 0; background:url(../img/background/nav-dropdown-left.png) 160px 16px no-repeat; }
    
    sheridanp
    Participant

    Hi,
    Great theme thanks! I have a problem with the nav menu disappearing completely when the screen is resized smaller or viewed on cell phones. How do i fix this? The demo version does not.

    Also I have added a small slider on the home page and added 2 slides with featured image size of 1170px wide however, keeps stating error with thumb size and slider constantly thinks and doesnt load slider.
    Thanks for your help!

    ahmetsali
    Keymaster

    Hi,

    1-) Nav menu should disappear in mobile phone layouts as in demo, otherwise the home screen would be full of links. This is normal.

    2-) Please provide a live site url to check whats wrong.

    sheridanp
    Participant

    HI Ahmetsali,
    Thanks for your email. That’s not what I meant regarding the menu. On mobile it should form a drop down so you can select which page to go to (as it does on your demo page). In my site this doesn’t happen – the menu completely disappears once it gets to a certain size with no drop down so there is no way of navigating to other pages.
    Regarding sliders – The website is in maintenance mode – i tried emailing you the login but your email bounced. Can you please send me your email?
    Thanks

    ahmetsali
    Keymaster

    Hi, you can send me email on ahmetsali [at] gmail.com or our themeforest profile .

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

The forum ‘Responsy WP’ is closed to new topics and replies.