Header image does not adjust on the iPhone

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

Comments

  • 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

  • Hi,

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

    Thank you very much for all your help

    Best regard

  • Please try to use this CSS:

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

    Thanks

Sign In or Register to comment.