How can I align the footer image to the left on mobile using the Dawn theme?

mimanish
New Member
4 0 0
IMG_9771.jpeg

I wanted to align my footer image to left side in mobile: as shown in image 

please let me know and give step by step guidance 

 

Replies 8 (8)

NomtechSolution
Astronaut
1245 113 151

you can apply text-align: left property to footer css

mimanish
New Member
4 0 0

Not happening 

Zqdo
Shopify Partner
803 32 63

Can you post the link to your website? It would make it easier to know what you're referring to. Thanks!

banned
mimanish
New Member
4 0 0

https://supreats.com/

 

please open this on mobile, problem occurs on mobile only 

Zqdo
Shopify Partner
803 32 63

Try this code in Add Custom CSS: 

 

@media screen and (max-width 750px){
.footer-block__details-content{
position: relative;
right: 25px;
}
}

 

Does it work?

banned

Cedcommerce
Shopify Expert
718 76 113

Hello @mimanish

 

To make the footer image aligned to the left on a mobile device, follow the below steps.

 

Go to Shopify Admin Dashboard and click on Online Store > Themes.

Click on the Actions button > Select Edit Code.

In the left-hand sidebar, navigate to the Assets folder and click to open the base.css file.

Scroll to the bottom of the file and add the following code:

@media screen and (max-width: 749px) {

.footer-block-image {

 text-align: left;

}

 

Hope it works. Let us know if you need more help with your Shopify store. 

 

Regards, 

CedCommerce

CedCommerce || Shopify Expert
- Let us know if our reply is helpful for you. Like it.
- Was your question answered? Mark it as an accepted solution.
- For further discussion contact: Email ID- apps@cedcommerce.com
- Whatsapp:- Join Here
mimanish
New Member
4 0 0

it's not working with this code

Cedcommerce
Shopify Expert
718 76 113

Hello @mimanish

 

Thank you for bringing the issue to us. 

 

To better assist you, can you connect with us and provide more information about your problem? 

This will help us understand the issue more accurately and provide you with a more effective solution.

Feel free to share your email or any other relevant details in inbox. 

 

We’ll do our best to assist you with this. 

 

Regards, 

CedCommerce

CedCommerce || Shopify Expert
- Let us know if our reply is helpful for you. Like it.
- Was your question answered? Mark it as an accepted solution.
- For further discussion contact: Email ID- apps@cedcommerce.com
- Whatsapp:- Join Here