Minimize or Hide Mobile SubHeader ?

jesseibben · February 2018

Hello great Muffin Team,

how can we hide in mobile the subheader or minimize the px ?
In desktop it works perfekt. in mobile not. Google page speed not like this big subheader,.
How we can do smaler or hide all subheader ?

thank you for help

Thanks:)

Bryan · February 2018

HI,
only with custom css can we change the padding in the subheader. Please send a link.
thanks

jesseibben · February 2018

Hello,

here the link:

https://www.wirkaufen-ihrauto.de/auto-verkaufen/

If you look in Mobile, you will see, the subheader with breadcrumb is to much px. WE not can do this to the half of pixel / Size -

Google want this more small. In Desktop Version it works good.

Thanks.:)

Bryan · February 2018

Okay but our breadcrumbs in the subheader do not display on mobile devices so which breadcrumbs do you have in mind? Make a screenshot.
thanks

jesseibben · February 2018

Hello here:

Subheader with Title + breadcrumb under it in style like

wirkaufen-ihrautode>magazin >....>

This is main feature for google with mobile first. Subheader without subheader space, just only the space for title size and breadcrumb.

People need in magazin to navigate with it too.

Hope it helps

Bryan · February 2018

use this css to hide it, but it will only hide it for this page, if you want this to work on more pages, let us know and explain which pages

@media (max-width:767px){
.page-id-15 #Subheader {
	display:none !important;
}}

jesseibben · February 2018

Hello , we not want to hide the subheader in mobile.

only do smaller - then problem will be solved. how is the code for this?

Thank you very much. -

Look in mobile. https://www.wirkaufen-ihrauto.de/auto-verkaufen/ here is most of the site the subheader. Google don´t like this. so how we can do smaller? In desktop , we can do this perfectly with your fields from 30px to 10px or whatever. now we need for MOBILE FIRST this too.

Please help. Thanks.

jesseibben · February 2018

also we want it on ALL Mobile pages / Post the subheader smaller.

Bryan · February 2018

Try this css

@media (max-width:767px){ body.minimalist-header-no #Subheader {
	padding: 20px 0 !important;
}}

jesseibben · February 2018

Perfect!!! Thank you. But for next update., lot of people need this feature for Mobile First -

Also with Footer for each page / post : Footer on and Fotter hide Feature.

Thank you.!!!

Minimize or Hide Mobile SubHeader ?

Comments