Archived topic
Tablet header
5 replies · Started by Alejo García Valdearena on September 23, 2021
Hi, I'd like to know if its possible to create a header (with Elements) just for the tablet version of mi web. I see that the header element allows to resize de mobile header but there is no tablet option.
Hope you can help me
Tanks for your time.
Hi there,
what changes do you want to make for the Tablet header ?
Can you share a link to your site and perhaps provide a screenshot of the Tablet header mockup
Hi, David
Thanks for your reply. I don't have a mockup. I was hoping to adjust the size of the header as I did for the mobile version (see https://annafonollceramica.com/wp-content/uploads/2021/09/Screenshot_2021-09-24-10-26-50-416_com.android.chrome.jpg). My web site URL is: https://annafonollceramica.
thanks again
If you want to keep the image 100% in view and responsive, as there is no content in the header element then you can simply edit the header elements padding, and change the Top and Bottom Padding to % to match the aspect ratio of the original image.
Calculating aspect ratio:
Background Image Height / Background Image Width * 100
In your case thats:
800 / 1600 * 100 = 50%.
So i would set the Top padding and bottom padding to 25% ( or just one of them to 50% )
This will keep it responsive.
It worked perfectly, David. Thanks a lot for your help.
best!
Glad to be of help!
