Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1269754
    jonaskaapa
    Participant

    Hi,

    URL:
    republicofinnovation.se/wordpress
    PW: NewSite2016

    I have used:
    body .masthead {
    position:absolute;
    width:100%;
    }

    on the homepage and about page in order to get rid of the white menu bar. This does however remove the white background from the expanded mobile menu as well (resulting in a menu that is very hard to read. In mobile view (when its a hamburger icon) i would like the menu to behave like the other pages (solid white background)

    Is this possible?

    Thanks!
    /Sebastian

    #1269758
    Prasant Rai
    Moderator

    Hello Sebastian,

    Thanks for writing in!

    You can add this under Custom > CSS in the Customizer:

    .x-nav-wrap.mobile.collapse.in {
        background-color: #fff !important;
        padding: 0 10px !important;
    }

    Thanks.

    #1269763
    jonaskaapa
    Participant

    Thanks for the quick response!

    It does work but not very well. I added the code but menu “jumps” a bit sideways during expansion and the background appears after the content of the menu…

    Is there another way?

    /Sebastian

    #1269764
    Joao
    Moderator

    Hi There,

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thanks

    Joao

    #1269765
    jonaskaapa
    Participant
    This reply has been marked as private.
    #1269813
    Joao
    Moderator

    Hi There,

    Change the previous code for :

    
    @media (max-width: 979px){
    .x-navbar .mobile .x-nav {
      background: white;
       padding: 10px !important;
      border-radius: 5px;
      }
    }

    Hope that helps

    Joao

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