Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1356580
    TIS123
    Participant

    Hi,

    On http://www.versis.nl I use an orange and blue horizontal bar on the bottom of the slider as shown on “home” which is set in custom CSS. Although these bars were shown on other pages before (like https://www.versis.nl/kosten/) they are not shown anymore. I tried over and over again to get them back but did not succeed. Can you please assist and help me?

    Best regards, Hans.

    #1356602
    TIS123
    Participant

    Please let me know if you need more information.

    #1356682
    Paul R
    Moderator

    Hi Hans,

    Please navigate to your Custom CSS and change the following codes

    Change

    
    .x-nav-wrap.desktop {
        float: left;
        margin-left: -11px;
        margin-top: 45px;
    }
    

    to

    
    .x-nav-wrap.desktop {
        float: left;
        margin-left: 0;
        margin-top: 0;
    }
    

    Change

    
    .x-navbar {
        background: url(wp-content/uploads/2016/06/navbar-background.png) no-repeat !important;
        margin-bottom: -4px !important; 
        background-position: right !important; 
    }
    

    to

    
    .x-navbar {
        background: url(https://www.versis.nl/wp-content/uploads/2016/06/navbar-background.png) no-repeat !important;
    }
    

    Change

    
    .x-navbar .desktop .x-nav > li > a {
        height: 52px;
        margin-top: -20px;
    }
    

    to

    .x-navbar .desktop .x-nav > li > a {
    height: 57px;
    margin-top: 0px;
    }

    Change

    
    .x-navbar-inner {
        min-height: 97px;
    }
    

    to

    .x-navbar-inner {
    min-height: 57px;
    }

    Then add this

    
    .home .rev_slider_wrapper {
        margin-bottom:0;
    }
    

    Hope that helps.

    #1358461
    TIS123
    Participant

    Hi Paul,

    Thank you so much for this GREAT support!

    Best regards, Hans.

    #1358493
    Thai
    Moderator

    If you need anything else please let us know.

  • <script> jQuery(function($){ $("#no-reply-1356580 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>