XF 1.5 Can we remove the moderation bar from mobile/responsive view?

[borgqueenx]

I dont want me and my moderators to see the moderation bar while browsing the mobile site.

 

[Paul B]

See these guides for how to identify the element and hide it based on the width.

https://xenforo.com/community/resources/how-to.4390/

https://xenforo.com/community/resources/responsive-design.2193/

 

[TJA]

In your EXTRA.css

@media (max-width:@maxResponsiveNarrowWidth)
{ #moderatorBar { display: none; }}

 

[borgqueenx]

thanks guys, super quick

 

[AndyB]

I dont want me and my moderators to see the moderation bar while browsing the mobile site.

I suggest the following add-on:

https://xenforo.com/community/resources/remove-header-responsive.3304/

 

[borgqueenx]

is there also a way for the secondary navbar to disappear? the one under the main navigation. in mobile only.

 

[borgqueenx]

by the way @TJA , this unfortunatly does not work in landscape mode on my mobile portrait works fine.

 

[TJA]

by the way @TJA , this unfortunatly does not work in landscape mode on my mobile portrait works fine.

@media (max-width:@maxResponsiveMediumWidth)
{ #moderatorBar { display: none; }}

@media (max-width:@maxResponsiveWideWidth)
{ #moderatorBar { display: none; }}

 

[TJA]

is there also a way for the secondary navbar to disappear? the one under the main navigation. in mobile only.

@media (max-width:@maxResponsiveNarrowWidth)
{ .tabLinks { display: none; }}

@media (max-width:@maxResponsiveMediumWidth)
{ .tabLinks { display: none; }}

@media (max-width:@maxResponsiveWideWidth)
{ .tabLinks { display: none; }}

Take you pick, if you want landscape mobile you may want to use the Medium one.

 

[borgqueenx]

@media (max-width:@maxResponsiveNarrowWidth)
{ .tabLinks { display: none; }}

@media (max-width:@maxResponsiveMediumWidth)
{ .tabLinks { display: none; }}

@media (max-width:@maxResponsiveWideWidth)
{ .tabLinks { display: none; }}

Take you pick, if you want landscape mobile you may want to use the Medium one.

thanks that works, but it kinda messes up the looks. i now have a open spot, instead of the site moving up to fill the hole/gap.

 

[Russ]

thanks that works, but it kinda messes up the looks. i now have a open spot, instead of the site moving up to fill the hole/gap.

Style properties -> [xb] header and navigation -> remove header proxy, check that option is one way of easily correcting it.