What's your biggest current challenge? Have your say in Community Polls along the right column.

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
781 124 141

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
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount
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
781 124 141

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
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount