Solved

I'd like to centre just the brand information section in my footer on mobile view only on Dawn theme

dani250
New Member
13 0 0

Hi there, I'd like to centre the 'brand information' section in my footer on mobile view only, I'm using Dawn theme. It currently says follow along and has the social media icons in this section. Thanks!

Accepted Solution (1)
websensepro
Shopify Partner
1014 139 147

This is an accepted solution.

Hello @dani250,

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css

Step 3: Add code to the bottom of the file

 

@media only screen and (max-width: 425px) {
.footer-block__brand-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
}

 

 
Thanks

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

Replies 5 (5)

websensepro
Shopify Partner
1014 139 147

Hi @dani250,

Could you please share your store url link?

Thanks

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
dani250
New Member
13 0 0

Yes of course it's www.daniledo.co.uk and the password is 250dani250 - thanks!

websensepro
Shopify Partner
1014 139 147

This is an accepted solution.

Hello @dani250,

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css

Step 3: Add code to the bottom of the file

 

@media only screen and (max-width: 425px) {
.footer-block__brand-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
}

 

 
Thanks

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
dani250
New Member
13 0 0

That's worked perfectly, thank you so much! 😊

websensepro
Shopify Partner
1014 139 147

Welcome! @dani250 

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