How can I move the banner button and text to the bottom on mobile? - Dawn Theme

[HELDERWRLD]

Hello,
I would like to know if anyone knows how can i move my banner text and buttons to the bottom?

My store: www.diversusoficial.com
Pass: diversusoficial

Here are examples:

[Moeed]

Hey @HELDERWRLD

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[oscprofessional]

Hello @HELDERWRLD

Go to Shopify Admin → Online Store ->Theme → Edit code->base.css

Add the below code at the end of the base.css file.

@media screen and (min-width: 750px) {
  .banner__box.content-container {
     position: absolute;
     bottom: 0;
  }
}

[HELDERWRLD]

Hello @Moeed
It works, but it is way too low. Should be a little up, like the example.

Can you also tell me how can i put it on the side and also the text like the example please? I want to have it exactly like the example.

[BSS-TekLabs]

• Here is the solution for you @HELDERWRLD
• Please follow these steps:

• Then find the theme.liquid file.
• Then add the following code at the before tag and press ‘Save’ to save it.

• Here is the result you will achieve:

• Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

[HELDERWRLD]

Thank you so much @BSS-TekLabs it worked so well.

But had to use 70px instead of 40px to fit perfectly.

Do you know how can i put it on the left side like this example? I want to put the text also, i want the same size and positioning as this website: https://representclo.com/

Please!

[BSS-TekLabs]

Do you want like that?

[HELDERWRLD]

Something like that yes, but only if can change the text too, because looks weird without