How To Move Country/Region Selector Horizontally and Vertically On PC

Solved

How To Move Country/Region Selector Horizontally and Vertically On PC

MMast
Trailblazer
182 1 25

Thanks in advance!

I am looking to move my country/region selector in the footer section to the left and eventually up/down so if there was a code for moving it horizontally & vertically for pc only, that would be much appreciated! Example shown below.

Screenshot 2024-06-28 095948.png

 

https://decemberschild.com/

password: dc

Accepted Solutions (2)

Made4uo-Ribe
Shopify Partner
7000 1666 2058

This is an accepted solution.

Hi @MMast 

Do you mean like this?

Made4uoRibe_0-1719585578451.png

Is this only on the desktopn screen? 

Check this one. 

  1. From you Admin page, go to Online Store > Themes
  1. Select the theme you want to edit
  2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  3. Then place the code below at the very bottom of the file.

 

.footer__content-bottom-wrapper.page-width {
    max-width: 100%;
}

 

  • And Save. 
If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

BSS-TekLabs
Shopify Partner
682 190 221

This is an accepted solution.

@media screen and (min-width: 750px) {
    .footer__content-bottom-wrapper.page-width {
        max-width: 100% !important;
    }
 .localization-form__select {
 padding-top: 30px !important;
    padding-bottom: 30px !important;
}
}

Hi @MMast Here is the solution for you

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

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 8 (8)

Made4uo-Ribe
Shopify Partner
7000 1666 2058

This is an accepted solution.

Hi @MMast 

Do you mean like this?

Made4uoRibe_0-1719585578451.png

Is this only on the desktopn screen? 

Check this one. 

  1. From you Admin page, go to Online Store > Themes
  1. Select the theme you want to edit
  2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  3. Then place the code below at the very bottom of the file.

 

.footer__content-bottom-wrapper.page-width {
    max-width: 100%;
}

 

  • And Save. 
If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
MMast
Trailblazer
182 1 25

Is there a way to move the country/region selector up/down (vertically) if need be?

Made4uo-Ribe
Shopify Partner
7000 1666 2058

Do you mean up and down in the footer? 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
MMast
Trailblazer
182 1 25

Yes

Made4uo-Ribe
Shopify Partner
7000 1666 2058

Do you want the currency will go with the flow when scrolling the page(this needs a develper to write the code)?

or just change position up and down in the footer we can do by css code, but if you like a default buttons to make it move then that is another developer to do it.   

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
MMast
Trailblazer
182 1 25

Just the position up and down (padding). I don't need it to go with the flow when scrolling 🙂

PageFly-Henry
Shopify Partner
1184 335 283

Hi @MMast 

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

 

.footer__content-bottom-wrapper.page-width {

    margin: 0  !important;

    max-width: 100% !important;

    position: absolute;

}

 

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.

BSS-TekLabs
Shopify Partner
682 190 221

This is an accepted solution.

@media screen and (min-width: 750px) {
    .footer__content-bottom-wrapper.page-width {
        max-width: 100% !important;
    }
 .localization-form__select {
 padding-top: 30px !important;
    padding-bottom: 30px !important;
}
}

Hi @MMast Here is the solution for you

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

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


BSS Commerce - Full-service eCommerce Agency