Navigation
Archive / Vertical align top bar content on PC and MAC
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 3, 2017 at 9:32 am #1393385
    tomaspernek
    Participant

    Hi there!

    I am having some issues vertically aligning the content of the top bar. Depending on the CSS it looks good either on PC or MAC.

    Correct look on PC makes it to close to the top on a MAC
    Correct look on a MAC pushes it to close to the bottom on a PC

    Any ideas on how to make it look the same on both?

    Best!

    /Tomas

    March 3, 2017 at 9:33 am #1393386
    tomaspernek
    Participant
    This reply has been marked as private.
    March 3, 2017 at 12:08 pm #1393594
    Jade
    Moderator

    Hi Tomas,

    Please try to add this code in the customizer:

    .x-topbar {
    padding: 0;
    height: auto;
    min-height: 0;
}

.x-topbar .p-info {
    padding-top: 10px;
}

    Hope this helps.

    March 6, 2017 at 12:22 pm #1396590
    tomaspernek
    Participant

    Hello! This did not quite do the trick…

    It pushes the info to the top on my Mac

    Best!

    /Tomas

    March 6, 2017 at 3:56 pm #1396842
    Nabeel A
    Moderator

    Hi again,

    Try adding the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

    .x-topbar {
    padding-top: 6px !important;
}

    If this doesn’t work then please provide some screenshots so we can take a closer look.

    Thanks!

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