queue  5
support
Results 1 to 5 of 5

Thread: [SOLVED] Custom CSS Not Taking

  1. #1

    Custom CSS Not Taking

    Hi guys,

    I have some custom CSS to center my navigation, and it's worked fine for years. Over the last week or so, I've noticed that code is not working. Maybe the auto update broke things?

    Could I get some advice on how to re-center the navigation?

    Website: http://www.grushaudio.com/

    Currently I have the following CSS dropped into my Theme Options>Custom CSS input:

    .desktop.navigation .nav-content {
    float: none;
    text-align: center;
    }

    .navigation.desktop .nav {
    display: inline-block;
    }

  2. #2
    Administrator Donagh's Avatar
    Join Date
    Aug 2011
    Posts
    1,918
    Hi add this also:

    Code:
    .desktop.navigation{ width:100%;}
    Fixes it for me.

  3. #3
    Donagh,

    Thanks for that idea. While that works, it does cause two problems. That fix makes the navigation background taller and then navigation is no longer centered, top to bottom. Any tips on centering that navigation without making the navigation change size?

    Before

    After

  4. #4
    Administrator Donagh's Avatar
    Join Date
    Aug 2011
    Posts
    1,918
    The jump in height of the header is being caused by your empty-but-still-there logo container. To hide this add the following to the css snippet above:

    Code:
    .logo{display:none;}

  5. #5
    Thank you! That worked perfectly.