How do you fix multirow menus in Dawn theme?

How do you fix multirow menus in Dawn theme?

qwuco
Tourist
14 0 2

qwuco_0-1732270091201.png

 

Store URL: https://qwu.co/

 

Replies 3 (3)

topnewyork
Astronaut
1368 165 224

Hello, @qwuco 

1) Go to Online Store
2) Edit Code
3) Find theme.css/base.css file
4) Add the following code in the bottom

 

header.header.header--middle-left.header--mobile-center.page-width.header--has-menu
.list-menu--inline {
    display: ruby-text !important;
}

 

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month
qwuco
Tourist
14 0 2

That doesn't quite fix it, take a look at the site please, I've made the changes.

https://qwu.co/

topnewyork
Astronaut
1368 165 224

Try this one @qwuco 

.row-container {
    display: flex !important;
    flex-wrap: wrap !important; 
    justify-content: space-between !important;
    align-items: center !important; 
}

.row-container .item {
    flex: 1 !importantt; 
    margin: 5px !important;
    text-align: center !important;
}

Thanks!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month