[Resolved] Tablet header

Home Forums Support [Resolved] Tablet header

Home Forums Support Tablet header

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1940099
    Alejo García Valdearena

    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.

    #1940213
    David
    Staff
    Customer Support

    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

    #1941202
    Alejo García Valdearena

    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

    #1941381
    David
    Staff
    Customer Support

    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.

    #1944147
    Alejo García Valdearena

    It worked perfectly, David. Thanks a lot for your help.

    best!

    #1944228
    David
    Staff
    Customer Support

    Glad to be of help!

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.