Return to previous page

Responsive Design Issues: Header and Footer Layout Breaks on Zoom

This topic has 2 replies, 2 voices, and was last updated 25 minutes ago ago by Jack Richardson

Merin

Participant

November 18, 2024 at 12:26

Dear support team,
When zoomed in, the footer content becomes misaligned, and the layout breaks. It fails to adapt responsively, causing the elements to lose their proper alignment. I created footer using static block. How to solve it? Please see the attached screecast url.
https://www.canva.com/design/DAGW0va2wF4/LH3zhHNFulxvGiLuXh5GxQ/edit?utm_content=DAGW0va2wF4&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton

When zoomed in, the header layout also breaks. The top bar buttons and images become misaligned, and the header menus shift downward, disrupting the overall design. Please see the screencast url .Top bar created by static block.
https://www.canva.com/design/DAGW00y4ESA/BJLCBPN-zP6xe41jWyd85w/watch?utm_content=DAGW00y4ESA&utm_campaign=designshare&utm_medium=link&utm_source=editor
Please provide us a solution as quickly as possible.

#423977 Copied

1 Answer

Jack Richardson

Support staff

November 18, 2024 at 16:03

Dear @Merin,

We hope this message finds you well.

Regarding your inquiry, the header layout can indeed be adjusted using dynamic spacing and font-size values (vw, vh, em). However, achieving a highly responsive design specifically for zooming in and out is not feasible. You may notice similar behavior on other websites when adjusting the browser window’s zoom level.

As you are aware, our support primarily covers bugs or issues related to our theme or plugin. Your request, however, seems to be more of a customization tailored specifically to your website’s design. For such customization requests, we kindly suggest submitting your request through the following link: https://www.8theme.com/account/#etheme_customization_panel.

Thank you for your understanding.

Best regards,
Jack Richardson
The 8Theme Team

#424012 Copied
Viewing 2 results - 1 through 2 (of 2 total)