Replace content container on image

Store Design
,

Topic summary

A user wants to reposition content container links from their current location to the bottom right of an image, alongside existing text on the bottom left.

Current Status:

  • User shared their Shopify store URL for review
  • One support member requested store password for detailed inspection

Proposed Solution:
Another support team member (DaisyVo) provided CSS code to address the issue:

  • Navigate to Shopify admin > Online store > Customize > Theme settings > Custom CSS
  • Add provided CSS code targeting mobile screens (max-width: 768px)
  • Code repositions .banner__content to absolute positioning at bottom right with 58% width

Resolution Pending:
Awaiting user confirmation on whether the CSS solution works as intended.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

Hey there, I want to add the links of my content container on the bottom right of my image (next to the text on the bottom left). Is there a possibility to do this?

Thank you!

Screenshot 2025-01-02 at 10.54.40.png
Screenshot 2025-01-02 at 10.54.40.png808×996 354 KB

2

What’s your store URL ?

3

Hi @balthazar512

Could you please share the store link with us?

Looking forward to hearing from you soon. Thank you!

Best,
Daisy - Avada Support Team.

4

https://ekqr77-bx.myshopify.com/

5

Hello @balthazar512

Could you please provide the password to your store so that I can check it and provide you with the exact solution?

6

Hi @balthazar512

I hope you are well. You can follow our instructions below:

1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there

Here is the code for Step 3:

@media screen and (max-width: 768px){
.banner__content {
    position: absolute !important;
    bottom: 0;
    width: 58%;
    right: 0;
    padding-bottom: 13px !important;
}
.banner__content .banner__box.content-container {
    padding: 0 !important;
}
}

image (14).png
image (14).png349×627 164 KB

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.