New Landing › How can we help? › Themeforest Theme Support › Dante › Padding on Main Menu/Changing Color of Main Menu

Viewing 4 posts - 1 through 4 (of 4 total)
  • Back to forum
    Posted in: Dante
  • July 18, 2014 at 6:53 pm #92680
    tsimarketing
    Member
    Post count: 267

    1. The header and menus on my website are really close to the edge of the screen. I would like to add some padding to the right and left of these. I have attached a screenshot of the header and menus on my website so you can see how close they are to the edges. Can you provide me with specific code I can put into my custom CSS that will allow me to add padding to the header/menus?

    2. In the same screenshot you will see the menu right under the logo that says home, about, advantages, etc…
    We would like to change the background color of just that container to a navy blue and then have the text white. Would that be done under the color customizer or somewhere else?

    Attachments:
    You must be logged in to view attached files.
    July 21, 2014 at 7:44 am #93034
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code :

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

    Thanks 🙂
    With Best Regards
    Swift Ideas

    July 21, 2014 at 12:48 pm #93159
    tsimarketing
    Member
    Post count: 267

    Thanks! That code worked. But I also wanted to make the margin bigger on the top header as well and when I say top header I’m talking about the bar that contains the logo and other smaller nav on the right. Can you provide a custom code that will help make that left and right margin bigger. I have attached a screenshot showing you the top header I’m talking about.

    Attachments:
    You must be logged in to view attached files.
    July 21, 2014 at 1:14 pm #93179
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:

    #header-section #header {
    padding: 25px 100px;
}

    Thanks

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

You must be logged in to reply to this topic.