Navigation
Archive / Header Margin on mobile
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 16, 2016 at 10:50 am #885809
    bak
    Participant

    Hi

    My header looks fine on desktop but on mobile there is a margin.

    Can you check why this is happening?

    April 16, 2016 at 10:52 am #885811
    bak
    Participant
    This reply has been marked as private.
    April 17, 2016 at 3:11 am #886550
    Christopher
    Moderator

    Hi there,

    Please find and remove this code :

    @media (max-width: 1349px){
.x-navbar-fixed-top-active .x-main.full {
    margin-top: 50px;
}
}

    Thanks.

    April 17, 2016 at 5:58 am #886656
    bak
    Participant
    This reply has been marked as private.
    April 17, 2016 at 7:35 pm #887277
    Rad
    Moderator

    Hi there,

    1. Please change this existing CSS,

    .x-brand img {
    margin-left: -40px;
}

    to this,

    @media ( min-width: 980px ) {
.x-brand img {
    margin-left: -40px;
}
}

    2. Please add this CSS too,

    .x-btn-navbar {
    margin: 5px 0px !important;
}

    Hope this helps.

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