Image Banner Text placement

Solved

Image Banner Text placement

noah12x2
Excursionist
46 0 10

noah12x2_0-1729866737489.png

Hey, i want the text and button to be fully right besides the candle. 

Maybe the button a bit smaller for this and i more lines but shorter.

Can anyone please help me with a code for this!

Appreciate your help!


https://hngie7stvgxkpp3h-85421687108.shopifypreview.com

burtah

Accepted Solution (1)

kevinkarma55
Shopify Partner
84 9 11

This is an accepted solution.

Go to base.css (I'm assuming you already know now how to get to files)

Add the following code at the bottom of it:

@media screen and (max-width: 749px) {
    div#Banner-template--23673339478340__image_banner_mmm69t .banner__box.content-container.content-container--full-width-mobile {
        right: 0  !important;
        text-align: right;
        width: 60% !important;
    }
}

 

Please remember to Like & Mark Solution to the post if it helped you.
Thanks !
If you'd like to support me, you can Buy Me a Coffee
Need help with anything related to Frontend?
Checkout kevinkarma.me

View solution in original post

Reply 1 (1)

kevinkarma55
Shopify Partner
84 9 11

This is an accepted solution.

Go to base.css (I'm assuming you already know now how to get to files)

Add the following code at the bottom of it:

@media screen and (max-width: 749px) {
    div#Banner-template--23673339478340__image_banner_mmm69t .banner__box.content-container.content-container--full-width-mobile {
        right: 0  !important;
        text-align: right;
        width: 60% !important;
    }
}

 

Please remember to Like & Mark Solution to the post if it helped you.
Thanks !
If you'd like to support me, you can Buy Me a Coffee
Need help with anything related to Frontend?
Checkout kevinkarma.me