Space to the Right hand side of screen

Store Design
, ,
1

Hello,

I am working on a client’s website and I am having issues with the homepage having some blank space off to the right hand side of the screen that is visible on mobile, and can be scrolled along to on desktop.

Please help!

Preview link is https://kikuyi1hv6n6dolq-57991692463.shopifypreview.com

Screen Shot 2025-02-09 at 11.35.44 pm.png
Screen Shot 2025-02-09 at 11.35.44 pm.png2872×1184 169 KB

IMG_5821.png
IMG_5821.png1290×2796 354 KB

2

Hello @BellesandBells

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.

html, body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

devcoders_0-1739109288847.png
devcoders_0-1739109288847.png1330×629 408 KB

3

Thank you for your response @devcoders

I have tried your suggestion but unfortunately the blank space can still be seen in mobile view and if you scroll across on desktop.

Do you have any further suggestions?

Thank you so much

4

Hello @BellesandBells

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.

#shopify-section-template--17922527199407__custom_liquid_yW9Mib codecabana-wavy-marquee.my-style::part(svg) {
    width: 100%;
}

#shopify-section-template--17922527199407__custom_liquid_QiddqE codecabana-wavy-marquee.my-style::part(svg) {
    width: 100%;
}

#shopify-section-template--17922527199407__custom_liquid_VBCbtE codecabana-wavy-marquee.my-style::part(svg) {
    width: 100%;
}

#shopify-section-template--17922527199407__custom_liquid_jpBB8t codecabana-wavy-marquee.my-style::part(svg) {
    width: 100%;
}

#shopify-section-template--17922527199407__custom_liquid_TiJrkC codecabana-wavy-marquee.my-style::part(svg) {
    width: 100%;
}

#shopify-section-template--17922527199407__custom_liquid_cahiLC codecabana-wavy-marquee.my-style::part(svg) {
    width: 100%;
}
#shopify-section-sections--17922523955375__custom_liquid_Y4MHDT codecabana-wavy-marquee.my-style::part(svg) {
    width: 100%;
}
5

Hi, I don’t see any whitespace on the store. Please double check on this

LizHoang_0-1739113439937.png
LizHoang_0-1739113439937.png1920×946 271 KB

6

Hi @LizHoang

You should be able to scroll across the page and see the empty space. It is still there

7

Hi @devcoders

Thank you again for your reply.

Unfortunately this has still not resolved the issue.

8

Hello @BellesandBells

Send me store access, and I will check and update you.

9

Hi, i dont see it, can you share detail image?