Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1334747
    alamtfuerwerbung
    Participant

    sub.ihrwiderruf.de

    Hi, want to change the background color of the mobile navigation and I used .x-btn-navbar.collapsed

    Now the background color is only white in a small range, if I make the browser smaller, background color changes back to the old setting.

    And is it possible to give the mobile navigation the same hover effect than the regular navigation. That means lines blue and background white, when hover reverse.

    Thx
    Andre

    #1334812
    Paul R
    Moderator

    Hi Andre,

    You can add this under Custom > Edit Global CSS in the Customizer.

    
    body .x-btn-navbar  {
        background-color: #fff;
        color:#083e62;
    }
    

    body .x-btn-navbar.collapsed:hover {
    background-color: #083e62;
    color:#fff;
    }
    `

    Hope that helps

    #1334856
    alamtfuerwerbung
    Participant

    Hi, I´m afraid button still has this color:
    http://prnt.sc/dx5d29

    #1334861
    Paul R
    Moderator

    Hi,

    Please change the code to this.

    
    body .x-btn-navbar  {
        background-color: #fff !important;
        color:#083e62;
    }
    
    body .x-btn-navbar.collapsed:hover {
        background-color: #083e62 !important;
        color:#fff !important;
    }
    

    Hope that helps.

    #1334891
    alamtfuerwerbung
    Participant
    This reply has been marked as private.
    #1334905
    Christopher
    Moderator

    Hi there,

    The closing curly bracket is missing on following code :

    @media (min-width: 920px){
    .my-image {
        float:left !important;
    }

    It should be :

    @media (min-width: 920px){
    .my-image {
        float:left !important;
    }
    }

    Thanks.

    #1334941
    alamtfuerwerbung
    Participant

    THANK YOU!!!

    #1334947
    Thai
    Moderator

    You’re most welcome 🙂

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