Transparent Header Shrinks Height in Mobile Breakpoint

  • When scaling the browser down the header stays the same height from the desktop to tablet breakpoint and from the tablet to mobile breakpoint until it gets to 545px, then it shrinks down in height which is causing white space in between the header and the image I have butted up below it. I have the transparent header filled with black so it’s not transparent anymore acting more like a fixed header. I had to add spacers above the images in Elementor so they butt up against the bottom of the header instead of sitting behind the header since again I’m not technically using it as transparent.

    Is there anyway to stop it from shrinking down, or is there a way to have the content below the header adjust with the header height so the elements move with it instead of staying stationary? Hopefully I’m explaining this correctly.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi @graphicvision1,

    Please share with us your live site URL so we can check it directly from our end. Or at least share with us a video showing how it works.

    Looking forward to hearing from you.

    Kind regards,
    Herman ??

    Thread Starter graphicvision1

    (@graphicvision1)

    Thanks, but I ended up contacting the support team and they guided me through how to change my transparent header into a traditional one which fixed my issue.

    Hi @graphicvision1,

    Since you already opened a ticket thru our Support Porta, would you please mark the topic as Resolved? If you still have anything related to this matter, please reply to the ticket.

    Have a nice day and stay safe!

    Kind regards,
    Herman ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Transparent Header Shrinks Height in Mobile Breakpoint’ is closed to new replies.