Return to previous page

Help with Layout Adjustment for my Must-Haves Section

This topic has 17 replies, 6 voices, and was last updated 2 weeks, 2 days ago ago by Andrew Mitchell

Lani

Participant

November 8, 2025 at 10:42

Hi,

I need help updating the layout of my “Amazon Must-Haves” section. Currently, the first picture is taken from my page (screenshot attached). I want the layout pictures to look bigger and a little elongated, with space for a short description under each image.

Additionally, I’d like to change the background color to black for a more cohesive and elegant look. The following attached images are sample references for the style I’m going for.

Can you help me achieve this look?

Thank you so much!
Lani

Files is visible for topic creator and
support staff only.

#459081 Copied

16 Answers

Alex Carter

Support staff

November 8, 2025 at 18:49

Hello,

Thank you for reaching out to us.

We’ve added examples on your Home page under the mentioned section
https://prnt.sc/PgoI-fOvGyw6
https://prnt.sc/2_CoZ3200F5n

Please clear cache and check.

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Warm Regards,
The 8Theme Team

#459108 Copied

Lani

Participant

November 9, 2025 at 01:36

This is complicated. How do I get to this page (screenshot)? How do I get the “structure” column on the left to show up? Can you help me with the layout, please?

Please contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#459123 Copied

Alex Carter

Support staff

November 9, 2025 at 15:28

Hello,

We have recorded a step-by-step video demonstrating how to achieve this.

Best regards,
The 8Theme Team

Please contact administrator
for this information.

#459145 Copied

Lani

Participant

November 10, 2025 at 10:48

Hi Alex,

Thanks for the video. I reviewed it several times, but I encountered a few issues:

I couldn’t access the “Structure” option in the right corner. I’m not sure if you clicked or right-clicked to open it, but I tried both and didn’t see a “Structure” box appear.

When I tried adding a column, I only had two layout choices, unlike the options you showed in the video (please see the screenshot).

I’d like the layout to appear as wide as my blog post — not just 4 boxes. On mobile, it should show 2 boxes per line (same as my blog post layout) with a slider.

Could you please check and guide me on how to fix these? Or could you help me achieve this?

Your support means a lot thanks

I see the screenshots did not attach I will send them in the ff email.

#459239 Copied

Lani

Participant

November 10, 2025 at 10:51

Attached are the screenshots of the previous message

Files is visible for topic creator and
support staff only.

#459241 Copied

Jack Richardson

Support staff

November 10, 2025 at 11:28

Hello @Lani,

You can enable or disable the navigation in the Elementor editor by following this link: https://prnt.sc/der7iRXq10As.

Watch the tutorials about the Page navigations: https://elementor.com/help/navigator/.

You may select the Flexbox type and then choose the number of Containers (formally: columns) you would like to add. This process is demonstrated in the video shared earlier by another support manager, so please review it carefully.

We also recommend watching some tutorials, such as this one: https://elementor.com/help/container-element/, to become more familiar with working in the Elementor editor, as we noticed you have a few related questions.

Best regards,
Jack Richardson
8Theme Team

#459249 Copied

Lani

Participant

November 11, 2025 at 09:11

Hi,

I’m still having some difficulties, so I thought it might be easier to try adding a pre-made XStore template.

As shown in the first screenshot, my affiliate posts (white background) don’t match the width of my main blog posts above — I tried to add sections, but they’re still contained within that main box and won’t extend… This is actually where I need support.

I tried adding a pre-made template that looks like the one in the second screenshot, but I’ve disabled WooCommerce since I decided to just include a link to my Amazon page instead.

Could you please advise or help me fix this issue?

Thank you so much for your time and assistance!

Please contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#459360 Copied

Luca Rossi

Support staff

November 11, 2025 at 09:36

Dear @Lani,

Your homepage is currently using the default template, which means the container has a fixed width of 1140px:

https://prnt.sc/LUQQgyqbqX-z

We have changed it to the Elementor Full Width template, allowing you to control the container width as needed:

https://prnt.sc/NPyFAcdCQMwZ/

Best regards,
8Theme Team

#459365 Copied

Lani

Participant

November 13, 2025 at 10:35

Hi,

Thanks for the changes! However, I noticed that when I zoom out in my browser, this section becomes very small, unlike my blog posts, which stay consistent in size. Can you fix that? (see screenshot)

I’d also like to add more content, but I’d prefer it to have a slider. How do we add that?

On mobile, instead of showing all the blocks in a long vertical scroll, could it display 2 blocks on top and 2 below with a slider? If that’s not possible, maybe just 1 or 2 blocks with a slider would work.
Can you help me set that up, please?

Question: If I download an XStore template that requires WooCommerce, should I activate WooCommerce even if I’m not actually using it, since I just plan to paste direct links to my Amazon shop?

Thanks!

Files is visible for topic creator and
support staff only.

#459670 Copied

Luca Rossi

Support staff

November 13, 2025 at 12:55

Hi @Lani,

Thanks for the changes! However, I noticed that when I zoom out in my browser, this section becomes very small, unlike my blog posts, which stay consistent in size. Can you fix that? (see screenshot)

We’ve changed the width of that container to 90%, it should be wider now.

I’d also like to add more content, but I’d prefer it to have a slider. How do we add that?

On mobile, instead of showing all the blocks in a long vertical scroll, could it display 2 blocks on top and 2 below with a slider? If that’s not possible, maybe just 1 or 2 blocks with a slider would work.
Can you help me set that up, please?

You can try with Xstore Slider element: https://prnt.sc/A_WJD4OicjF1 https://www.8theme.com/documentation/xstore/slider-set-up/xstore-slider-with-elementor-plugin/

Question: If I download an XStore template that requires WooCommerce, should I activate WooCommerce even if I’m not actually using it, since I just plan to paste direct links to my Amazon shop?

If you don’t use the Products from WooCommerce, please don’t activate the WooCommerce plugin, it will slow down your website.

Best Regards,
8Theme’s Team

#459691 Copied

Lani

Participant

November 18, 2025 at 10:34

Hello,

Thanks for the support. However, I think there has been a misunderstanding.

Adjusting the container width didn’t resolve the issue. Even when I zoom out, the Amazon product images still shrink, while the blog post above and the slider below keep their original size. Please see the screenshot for reference.

On mobile, the Amazon products display vertically. This means that for all 6 Amazon product images, users need to scroll down one by one. In contrast, my blog posts show two posts side by side with a slider button to browse the next posts. I was hoping the Amazon section could work the same way—side by side with a horizontal slider.

I’ve attached screenshots of the XStore templates I wanted to use. The issue is that they require WooCommerce, and as you mentioned, enabling WooCommerce may slow down my site since I’m not actually selling through it—I’m only linking to my shop.

Given this, what would be the best workaround so I can still achieve the layout and slider functionality without enabling WooCommerce?

Thank you!

Files is visible for topic creator and
support staff only.

#460165 Copied

Samir Malik

Support staff

November 18, 2025 at 11:52

Hello @Lani,

1. We have updated the layout to full width: https://prnt.sc/7rJi6YClkDTF. Could you please check it again?

2. Unfortunately, this is not possible unless the WooCommerce plugin is activated. As an alternative, you may duplicate this section, replace the image, product title, and price, and then link it to the Amazon products: https://prnt.sc/7–A9k2pw_JK

Best regards,
8Theme Team

#460176 Copied

Lani

Participant

November 19, 2025 at 04:21

Hi,

Thank you for the support. I think there may have been a misunderstanding, so I just wanted to clarify a few points.
For #1:
The layout is currently too large, and it overshadows the blog post above it. Could you guide me on how to adjust the size?

Also, on mobile (very important), the Amazon products/posts display vertically, so users need to scroll down through all six product images one by one, and now, as they are very big-it consumes the whole screen.
My blog posts, however, show two posts side by side with a horizontal slider to browse more. I was hoping the Amazon section could function the same way—side by side with a horizontal slider.
For #2:
The link you provided says the screenshot was removed, so I wasn’t able to view it.
Let me know the next steps. Thank you!

#460215 Copied

Lani

Participant

November 19, 2025 at 05:31

I have already resolved the issue. thanks

#460218 Copied

Samir Malik

Support staff

November 19, 2025 at 06:59

Glad you’ve sorted it out.

If you need anything else, please let us know.

Best Regards,
8Theme’s Team

#460222 Copied

Andrew Mitchell

Support staff

November 19, 2025 at 07:17

Dear Lani,

You’re most welcome! Wishing you a wonderful day ahead.

We hope our theme is elevating your experience. If you could take a moment to leave us a glowing 5-star review on ThemeForest, it would mean the world to us. Your feedback is incredibly important and helps us continue to improve.

You can rate us here: https://themeforest.net/downloads

Should you have any other questions or require assistance, please don’t hesitate to contact us. Our dedicated support team is always here to help.

Kind regards,
The 8Theme team

#460229 Copied
Viewing 17 results - 1 through 17 (of 17 total)