Jump to content

Mobile bar for guests and logged in users


Go to solution Solved by Adlago,

Recommended Posts

  • Solution
Marc Stridgen
This post was recognized by Marc Stridgen!

Adlago was awarded the badge 'Helpful' and 5 points.

4 hours ago, Adriano Faria said:

Probably not a bug and it happens due to the buttons that shows up only to logged in users but it would look better if the blue bar had the same height for guests and registered users.
 

Mobile phone. Default unmodified theme with no 3rd-party resource extending this specific area.

Thank you.

Only one simple rule in code is missing.
Or - now a code that defines this blue bar is

@media screen and (max-width: 979px) (
#elMobileNav {
        background: rgb( var(--theme-main_nav) );
        color: rgb( var(--theme-main_nav_font) );
        position: relative;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        list-style: none;
        margin: 0;
        padding: 0;}
}
       


and as it is changed by adding height, it should be

@media screen and (max-width: 979px){
#elMobileNav {
        background: rgb( var(--theme-main_nav) );
        color: rgb( var(--theme-main_nav_font) );
        position: relative;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        list-style: none;
        margin: 0;
        padding: 0;
        height: 50px;}
}

 

Or just add in Custom css

@media screen and (max-width: 979px){
#elMobileNav {height: 50px;}
}

 

Link to comment
Share on other sites

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...