Navigation
Archive / Mobile Display – White space over top of TopBar
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 7, 2016 at 10:20 am #1076569
    mattbuff5
    Participant

    site -greaterthanyesterdaynutrition.com
    login – themeco
    pass – will add when I can mark private

    In the attached picture, how do I remove the white container looking space that I have circled that overlays the TopBar? I only see this when in Mobile or Tablet view. Desktop view does not show.

    Also, I would like the social icons to remain in one line and not stacked 3 on one row and 1 on a second row in mobile/tablet view.

    Thanks,
    Matt

    July 7, 2016 at 10:26 am #1076578
    mattbuff5
    Participant
    This reply has been marked as private.
    July 7, 2016 at 2:38 pm #1076847
    Joao
    Moderator

    Hi There,

    Please add the following code to Appereance Customizer Custom CSS

    .x-topbar .p-info {
background: transparent;
}

    To display the icons in line on mobile you can add the following code :

    
@media screen and (max-width: 500px) {
.x-topbar-inner .x-social-global {
width: 30%;
}
}

    Hope that helps

    Joao

    July 7, 2016 at 3:24 pm #1076909
    mattbuff5
    Participant

    worked like a charm.

    thanks.

    July 7, 2016 at 4:26 pm #1076995
    Prasant Rai
    Moderator

    You are most welcome. 🙂

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