Mobile bar for guests and logged in users

[Adriano Faria]

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.

[Adlago]

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;}
}