Minimize or Hide Mobile SubHeader ?

jesseibben

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jesseibben

Hello, 

here the link:

[Links visible only for registered users]


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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jesseibben

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jesseibben

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.   [Links visible only for registered users]       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

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

Bryan

Try this css

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jesseibben

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.!!!