Dawn theme footer alignment in center

Solved

Dawn theme footer alignment in center

MinhajAhmed106
Excursionist
54 1 10

hello,

 

i want the heading to move in the center as well just like the text please help ? Thank you 1.jpg

 

Accepted Solutions (2)
BSSCommerce-HDL
Shopify Partner
1131 389 457

This is an accepted solution.

Hi @MinhajAhmed106

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

 

<style>
.footer-block__heading {
    text-align: center !important;
}
</style>

 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

BSSCommerce-HDL
Shopify Partner
1131 389 457

This is an accepted solution.

Hi @MinhajAhmed106, Pls try with this code: 

 

 

<style>
   @media screen and (min-width: 750px) {
    .footer .footer-block__details-content>li:not(:last-child) {
        margin-right: 0 !important;
    }
 
    .footer-block__details-content {
       text-align: center !important;
    }
  }
</style>

 

 

Here is result: 

BSSCommerceHDL_0-1719719925630.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 13 (13)

BSSCommerce-HDL
Shopify Partner
1131 389 457

Hi @MinhajAhmed106Can you kindly share your store link (with the password protected, if any) with us? We will check it and suggest you a solution if possible.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
MinhajAhmed106
Excursionist
54 1 10

post the solution here ! as i want to do it by myself thank you 

BSSCommerce-HDL
Shopify Partner
1131 389 457

@MinhajAhmed106, I need a store link so I can give you a solution

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
MinhajAhmed106
Excursionist
54 1 10
BSSCommerce-HDL
Shopify Partner
1131 389 457

This is an accepted solution.

Hi @MinhajAhmed106

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

 

<style>
.footer-block__heading {
    text-align: center !important;
}
</style>

 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
MinhajAhmed106
Excursionist
54 1 10

it centered the footer in mobile but make a mess in desktop version here it is in desktop? solution ?

 

SSS.jpg

BSSCommerce-HDL
Shopify Partner
1131 389 457

Hi @MinhajAhmed106, Pls remove old code and change it to this code: 

 

<style>
@media only screen and (max-width: 767px) {
  .footer-block__heading {
    text-align: center !important;
  }
}
</style>

 

Hope this can help you 😍

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
MinhajAhmed106
Excursionist
54 1 10

headings are centered but text are alinged to left now in both pc n mobile view

BSSCommerce-HDL
Shopify Partner
1131 389 457

@MinhajAhmed106 , Pls try again this code: 

 

<style>
.footer__content-top .footer-block__heading {
    text-align: unset !important;
}
</style>

 

Hope this can help you 😍

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
MinhajAhmed106
Excursionist
54 1 10

i fix the mobile view alignment they are all in centre now. please without messing the mobile view tell me how can i centered them in pc view as well. they are like this rn in pc view 

 

wwww.jpg

BSSCommerce-HDL
Shopify Partner
1131 389 457

This is an accepted solution.

Hi @MinhajAhmed106, Pls try with this code: 

 

 

<style>
   @media screen and (min-width: 750px) {
    .footer .footer-block__details-content>li:not(:last-child) {
        margin-right: 0 !important;
    }
 
    .footer-block__details-content {
       text-align: center !important;
    }
  }
</style>

 

 

Here is result: 

BSSCommerceHDL_0-1719719925630.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
MinhajAhmed106
Excursionist
54 1 10

thank you and GOD bless you ! 

BSSCommerce-HDL
Shopify Partner
1131 389 457

Hi @MinhajAhmed106,

We're happy to see that our suggestion helped you solve the issue.

Can you kindly give us a like? This can be a reference for other merchants if they have an issue like you. Should you need any further information, please do not hesitate to contact us by tagging directly at Community post.

We will check and let you know soon.

Thanks in advance 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency