New Landing › How can we help? › Themeforest Theme Support › Dante › Top Header / Main Nav Sections of website issues

Viewing 8 posts - 1 through 8 (of 8 total)
  • Back to forum
    Posted in: Dante
  • January 11, 2015 at 6:41 pm #140631
    tsimarketing
    Member
    Post count: 267

    I am having a couple issues. We finally migrated our website yesterday and after migration we remembered that our mobile version of the site is not ready yet. So we decided to turn off the responsive mode for now until we have that ready. But when I turned responsive mode off the top header padding is off and the menu nav blue background color isn’t reaching the edges.

    1. I have attached a screenshot of what the blue main nav bar looks like (if you go to our website it is white right now because we want to fix the blue bar before showing it on a live site, so reference the screenshot). You will see that the blue bar does not go to the edges of the browser. Is there a css code that I can add to help make this blue bar extend to the edge? The code we have right now for the main nav is below

    #main-navigation > div{margin-left: 40px !important}
    .menu-left #main-navigation{background: #ffffff!important}
    nav .menu > li.menu-item > a, #menubar-controls a, nav.search-nav .menu > li > a{color:#6caae4 !important}
    nav#main-navigation .menu > li > a span.nav-line {background-color: #fff!important;}

    ^^The margin-left: 40px is for the text in the menu bar not for the actual bar.

    2. You will also see in this screenshot that the top header section in the upper right, those links/buttons are getting cut off. Is there a css code that I can use to add padding to the right side, but not have it affect the left side padding that I already have? The css code that I have for the top header section right now is below:

    #header-section #header {
    padding: 15px 55px;
    }

    ^^ the 55px is the left side padding, so I’m wondering if you can add a right side padding to help move those links/buttons more to the left so they all show up on the page.

    Attachments:
    You must be logged in to view attached files.
    January 12, 2015 at 12:39 pm #140895
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    You have to enable the responsive mode. The responsive mode is not only for the mobile it’s for all the resolutions.

    -Rui

    January 12, 2015 at 1:43 pm #140908
    tsimarketing
    Member
    Post count: 267

    So theres no css code I can add to change the width of the blue menu bar?

    Also I can’t add any padding to the right of the view demo/client login buttons?

    January 12, 2015 at 2:34 pm #140940
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    For the menu to be full width you need to change the container that you’ve added the bg color to. Change:

    .menu-left #main-navigation {
  background: none repeat scroll 0 0 #6caae4 !important;
}

    to

    #main-nav {
  background: none repeat scroll 0 0 #6caae4 !important;
}

    – Kyle

    January 12, 2015 at 3:05 pm #140954
    tsimarketing
    Member
    Post count: 267

    Thank you! That worked.

    Would you also be able to help me with adding some padding to the right of the client login button so those links get pushed to the left a little without messing with the logo’s position?

    January 12, 2015 at 3:09 pm #140958
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Try:

    .header-1 .header-right > nav, .header-2 .header-right > nav {
  padding-right: 20px;
}

    – Kyle

    January 12, 2015 at 3:15 pm #140959
    tsimarketing
    Member
    Post count: 267

    Yes that worked! Thank you so much. I really needed this help! I will wait to see what the developer says about those layersliders.

    January 12, 2015 at 3:25 pm #140962
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Ok no problem

  • Back to forum
    Posted in: Dante
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.