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

[MMast]

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.

https://decemberschild.com/

password: dc

[Made4uo-Ribe · Accepted solution]

Hi @MMast 

Do you mean like this?

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. 

[Made4uo-Ribe · Accepted solution]

Hi @MMast 

Do you mean like this?

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. 

[MMast]

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

[Made4uo-Ribe]

Do you mean up and down in the footer? 

[MMast]

Yes

[Made4uo-Ribe]

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.   

[MMast]

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

[PageFly-Henry]

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

[BSS-TekLabs · 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