[resolved] Customizing navigation bar/menu & background (5 posts)

  1. dwoglom
    Posted 1 year ago #

    URL: http://originalfootfetishspa.com

    Hi, I am wondering if anyone has any ideas or suggestions on customizing the navigation bar. Because my logo is larger than what fits the theme, I'm ending up with too much space below the navigation menu items.

    1. Is there a way I can move the nav bar down closer to the header?
    2. Can I extend my image up to fill the white space behind the logo and nav bar?

    3. Also, I've managed to lose the "home" text, unless I hover on it. Can anyone tell me how to get that back?

    Thank you so much

  2. Mohammad Kamal
    Posted 1 year ago #

    1+2. In bootstrap.css look for:

    .navbar .nav > li > a {

    and change the font-size: to 21px

    and in the same file look for:

    .navbar .nav {

    and change margin to: margin: 32px 0px 0px 0px;

    3. In style.css look for:

    .navbar-inverse .nav li.current_page_item

    and change #fff to #000

  3. dwoglom
    Posted 1 year ago #

    Thank you. Can you tell me where to find "bootstrap.css"? I have seen this reference before, but I do not see anything in my Template Editor with this name.
    Thank you!

  4. Mohammad Kamal
    Posted 1 year ago #


  5. Hari Maliya
    Posted 1 year ago #

    Hi Dorothy

    The navigation bar customize using custom css code .

    Manage the navigation bar position and selected menu background color to provide css code.

    .navbar .nav > li > a { padding:Your menu position (i.e. 55px 20px); }
    .navbar-inverse .nav li.current_page_item {
        background-color: Your selected menu bgcolor ;

    Note-: Above given css code add theme option -> cstom css box.

    It will resolved you issue.


Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic