Issue with navigation bar and admin bar

  • Resolved Manteli

    (@manteli)


    8 years, 9 months ago

    I love the theme, but…

    It has a problem with admin bar when using screen size is smaller than 600px.

    Admin bar position at @media screen and (max-width: 600px) is absolute, but the theme acts as the admin bar was still fixed as it is on larger screen sizes. Because of this there is a ‘ empty space’ on the top of the menu when scrolled down. See the pic:

    THIS IS THE PROBLEM

    I know, it occurs only on small screens and when admin bar is turned on, but still… it doesn’t look very nice. Could you please fix it, or help me to fix it.

    Thanks for help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Ion Rutz

    (@ionrutz_machothemes)

    Hello,

    Try using this custom CSS code to fix this issue, it should do the trick.

    @media only screen and (max-width: 768px){
.logged-in.admin-bar #header-wrap, .logged-in.admin-bar #header-wrap.smaller {
    top: 0;
    z-index: 99999;
}}

    I will track your request, though, and will do our best to improve the menu behaviour on smallers screens while logged in the Dashboard.

    Thank you for taking the time to report this.

    Regards

    Thread Starter Manteli

    (@manteli)

    Thanks for helping!

    That makes it work nicely every where else, but when scrolled to the to the top, admin bar comes over the header-wrap.

    Ion Rutz

    (@ionrutz_machothemes)

    Hello,

    That was the initial problem, conditional display of the menu if the admin dashboard bar is present or not.

    This shouldn’t come with downsides as it’s only you that is encountering this issue. You can hide the bar by going to Dashboard > Users > Admin

    We’ll provide better functionality in the upcoming theme update.

    Sorry for the inconvenience!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Issue with navigation bar and admin bar’ is closed to new replies.