Solved

Center drop down

Desire4
New Member
9 0 0

So i have a currency drop down at the bottom of my page, but the drop down is not center to the "country/region'' header, how do i center this?

Website: desirestreetwear.co

Screenshot (22).png

Accepted Solution (1)

PageFly-Henry
Shopify Partner
1136 322 276

This is an accepted solution.

Hi @Desire4 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

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

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

button.disclosure__button.localization-form__select.localization-selector.link.link--text.caption-large {

    padding-left: 0 !important;

}

.footer__column.footer__localization.isolate{

    justify-content: center !important;

}

form#FooterCountryForm {
      margin-left: 40px !important;
}

 

Hope that my solution works for you.

Best regards,

Henry | 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.

View solution in original post

Replies 2 (2)

suyash1
Shopify Partner
9372 1168 1505

@Desire4 - please add this css to the very end of your base.css file and check

 

h2#FooterCountryLabel{text-align: center;}
To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI

PageFly-Henry
Shopify Partner
1136 322 276

This is an accepted solution.

Hi @Desire4 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

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

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

button.disclosure__button.localization-form__select.localization-selector.link.link--text.caption-large {

    padding-left: 0 !important;

}

.footer__column.footer__localization.isolate{

    justify-content: center !important;

}

form#FooterCountryForm {
      margin-left: 40px !important;
}

 

Hope that my solution works for you.

Best regards,

Henry | 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.