Support » Theme: Spasalon » Customizing navigation bar/menu & background

  • Resolved dwoglom



    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

Viewing 4 replies - 1 through 4 (of 4 total)
  • 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

    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!


    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.


Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Customizing navigation bar/menu & background’ is closed to new replies.