Header image does not adjust on the iPhone

Morpheus-2014

Hi,

How do I get the header image on the https://pixelway.de/projekt-stahl/anarbeitungen/ page so that it adapts to the iPhone, as on the https://pixelway.de/projekt-stahl/ page ?

Thanks

Pablo

Hello,

These pages are completely different, in 'projekt-stahl' page, you are using the Revolution Slider, that's why it's adapts different than 'anarbeitungen', where you use the basic subheader functionality.

You can solve that in two ways:

1) Use Revolution Slider on both pages.

2) Create Custom CSS code for decreasing the height(or padding) value for the subheader on mobile only.

Thanks

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

Morpheus-2014

Hi,

can you give me the CSS code for your point 2.

Thank you very much for all your help

Best regard

Pablo

Please try to use this CSS:

@media (max-width:768px){
 #Subheader{
   padding: 50px 0px !important;
 }

 #Subheader h1{
   font-size: 32px !important;
 }
}

Thanks

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