How can I rearrange the bottom menu for mobile view on the Dawn theme?

Solved

How can I rearrange the bottom menu for mobile view on the Dawn theme?

miltokas
Explorer
86 0 23

Hello!

Using the Dawn theme, in the bottom of my page I have a couple of menus + the subscribe to our email box.

In the desktop version it looks nice as you can see on the first screenshot but the mobile version has placed the two menus on top of each other and the subscribe box on the right side.

How do I do to have the the two menus side by side and the Subscribe box in the bottom in the mobile version.

Thanks for your help!

 

www.vengastore.com

 

 

 

Bottom menu desktop.pngMobile bottom menus.png

Accepted Solutions (2)

websensepro
Shopify Partner
1059 150 159

This is an accepted solution.

Hi, @miltokas.

 

Follow These Steps.

Goto Online store > Assets > Edit code > find Base.css File and paste the code mentioned below.

 

.footer__content-top {
    display: block !important;
}

 

Result:

websensepro_0-1696330075035.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

View solution in original post

syedsumaimaly
Trailblazer
147 16 22

This is an accepted solution.

Hi @miltokas 

Follow these Steps:

Go to Online Store  Edit Code Find theme.liquid file or base.css

Add the following code in the bottom of the file above </body> tag

.footer__content-top {
    display: block !important;
}

RESULT:

syedsumaimaly_0-1696332673802.png

If I managed to help you then, don't forget to Like it and Mark it as Solutions.

View solution in original post

Replies 2 (2)

websensepro
Shopify Partner
1059 150 159

This is an accepted solution.

Hi, @miltokas.

 

Follow These Steps.

Goto Online store > Assets > Edit code > find Base.css File and paste the code mentioned below.

 

.footer__content-top {
    display: block !important;
}

 

Result:

websensepro_0-1696330075035.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

syedsumaimaly
Trailblazer
147 16 22

This is an accepted solution.

Hi @miltokas 

Follow these Steps:

Go to Online Store  Edit Code Find theme.liquid file or base.css

Add the following code in the bottom of the file above </body> tag

.footer__content-top {
    display: block !important;
}

RESULT:

syedsumaimaly_0-1696332673802.png

If I managed to help you then, don't forget to Like it and Mark it as Solutions.