Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1142286
    lyrical
    Participant

    I think my top bar is being hidden under the header widget on mobile view. Help? Background should be your basic black with white lettering.

    http://newberryconsort.org

    #1142287
    lyrical
    Participant

    See attached

    #1142695
    Rupok
    Member

    Hi there,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    .x-topbar .p-info {
      background-color: #000!important;
    }

    Hope this helps.

    Cheers!

    #1142959
    lyrical
    Participant

    That didn’t work. I already have this in place. On tablets the top bar looks fine. It’s the smaller mobile screens that this happens.

    #1143217
    Rahul
    Moderator

    Hey There,

    Thanks for writing in!

    You can add the following CSS codes via Appearance > Customize > Custom > CSS:

    @media (max-width: 767px){
    .x-topbar {
       height: auto;
    }
    .x-topbar p {
        float: left !important;
        margin: .35em 0  !important;
    }
    .x-topbar .p-info{
    display:none;
    }
    
    }

    Hope this helps!

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