Change button location/position

Hello!

I would like my button position to be slightly to the left. Could anyone help me with the right code for this?

My store is phantommousepads.com

Thank you in advance :))

Greetings,

Mel

Hi @mel999

This is PageFly - Advanced Page Builder.

You can try with this code:

Follow this:

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

Step 2: Search file base.css.

Step 3: paste below code in bottom of file → save.

.banner__box.content-container.content-container–full-width-mobile.color-background-1.gradient {

left: -70px !important;

}

Hope that my solution works for you.

Best regards,

PageFly.

1 Like

Thank you so much again! Works perfectly.

I added:

@media screen and (max-width: 749px)
.banner__box.content-container.content-container–full-width-mobile.color-background-1.gradient {

left: -40px !important;

to the code so the mobile version will stay the same :).

Do you know how it works when I would want my buttons on the mobile version to be not so large?

1 Like

@mel999

You can try again with this code:

@media screen and (max-width: 767px){
.banner__content.banner__content–bottom-left.page-width {
width: 100% !important;
}
.banner__buttons.banner__buttons–multiple {
width: 60% !important;
}
}

1 Like

Wow perfect. Thank you so much. You are always of amazing help!!!

1 Like

Hi PageFly-Victor!

Somehow the buttons have returned to the normal position. Is there any way you could help me again with this? Thank you very much in advance.

Kindest regards,

Mel

Hi,

Here’s Victor again. I’m sorry for missing your message because I thought it was solved.

I checked it and noticed, now your buttons on mobile are back to the original position.

If you need any further help, don’t hesitate to let us know.

Best regards,

Victor | PageFly