Footer (mobile): align from left to right (dawn theme)

Solved

Footer (mobile): align from left to right (dawn theme)

10xfuel
Pathfinder
132 0 15

Footer on desktop is aligned to the right (=correct) - yet on mobile on the left (=wrong): how to align the footer on mobile to the right too?

10xfuel_0-1696307838868.png

 

thank you!

 

Accepted Solution (1)

ZenoPageBuilder
Shopify Partner
1052 203 221

This is an accepted solution.

Hello @10xfuel 👋

Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.footer-block__details-content a {
    justify-content: end;
}

The result

Screenshot 2023-10-03 at 11.43.59.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com

View solution in original post

Replies 3 (3)

ZenoPageBuilder
Shopify Partner
1052 203 221

This is an accepted solution.

Hello @10xfuel 👋

Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.footer-block__details-content a {
    justify-content: end;
}

The result

Screenshot 2023-10-03 at 11.43.59.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com

PageFly-Theodor
Shopify Partner
691 86 98

Hi @10xfuel,
This is Theodore from PageFly - Shopify Page Builder App.
For solving the problem about the align from to left, let’s try this solution:
Online Store ->Theme ->Edit code
Assets ->Base.css

 

@media screen and (max-width: 989px){
.list-menu__item {
    justify-content: end;
}
}

 


I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

David_SHT
Globetrotter
605 125 125

 

Hi @10xfuel ,

 

This is David at SalesHunterThemes.

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code.

Go Assets folder -> base.css file.

Add this following code at the bottom of page.

 

 

 

.footer-block__details-content .list-menu__item--link {
 justify-content: end !impotant;
}

 

 

 

 

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

David | SalesHunterThemes team

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)