Slide Button

[urbantannery]

Hi, I have a question. On mobile, the button is currently in the middle of the image. can I move it to the bottom?

I have it set up as "bottom center" in desktop version. but it's still in the middle of the slide on mobile version.

[PageFly-Oliver · Accepted solution]

Hi @urbantannery ,

You can try this code by following these steps:

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

Step 2: Search file theme.liquid

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

<style>
@media screen and (max-width: 749px){
.banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
align-items: flex-end !important;
}}
</style>

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[PageFly-Oliver · Accepted solution]

Hi @urbantannery ,

You can try this code by following these steps:

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

Step 2: Search file theme.liquid

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

<style>
@media screen and (max-width: 749px){
.banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
align-items: flex-end !important;
}}
</style>

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[urbantannery]

Hi PageGly-Oliver,

Hope you are doing well. I published new Dawn 14.0 and the buttons on desktop and mobile view are both changed. Can you please see the attached pictures and let me know how it can be fixed. Thanks!

Desktop buttons without white border and mobile buttons at middle bottom.

[LuffyOnePiece · Accepted solution]

Hi @urbantannery ,

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find base.css file
4) Add the following code at end of base.css file

@media screen and (max-width: 749px){
    .slideshow__text-wrapper.banner__content.banner__content--bottom-center.page-width {
    align-items: flex-end;
    }
}

Result:

If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece