Why are my page sections displaying horizontally instead of vertically?

[HeleBun]

Hello.

When I have added more than two sections on a page, the tab that opens shows them horizontally instead of vertically, even placing them outside the white box. Would anyone know how to solve it? Themse is Sense.

Thank you!

url: helebun.com

password: shopifyquestion181

[theycallmemakka · Accepted solution]

Hi @HeleBun 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
.global-settings-popup, .header__submenu.global-settings-popup {
    width: fit-content;
}

.header__submenu{
    flex-direction: column;
    min-width: 200px;
}
</style>

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[HeleBun]

This works perfectly! Thank you so much 🙂

[webwondersco]

@HeleBun Could you please add more than 2 tabs? so can check and guide you accordingly.