Header Size on Mobile versions

mamutej · ‎01-22-2018

Hello everybody,

I have seen a few threads on this topic but typically they are for reducing header size / centering the image. In this instance, I am looking for a much larger header image - everything is fine on the desktop version however the mobile version is not affected when I adjust header size on the editor.

Is there some sort of code that could be disabled/modified in order to accomodate larger header sizes on the mobile version? The website in question can be found here

Cheers,

Adam7 · ‎01-22-2018

Try doing this, @mamutej:

1. Add the "Hide" app from the App Center to your site: https://www.weebly.com/app-center/hide

2. Drag a Hide element to your header area, and set it to only display on small screens

3. Drag a spacer element into the Hide element

4. Publish and see if the extra height displays enough of your background image for you on mobile. If not, increase the height of the spacer and re-publish.

mamutej · ‎01-22-2018

Awesome - thank you so much Adam!

Cheers!

Adam7 · ‎01-23-2018

No problem!

ywca_gc · ‎11-02-2018

This worked! Thank you, Adam