How can I fix the horizontal scroll issue on Spark theme?

Store Design
1

So i want to eliminate the horizontal scroll both on mobile and desktop

website : https://mispacciindonesia.myshopify.com

thanks in advance

-Marlo

2

@marlolean
Hello,

#shopify-section-announcement-bar {
	clear: both;
	overflow: hidden;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

Like This

oscprofessional_0-1663139139672.png
oscprofessional_0-1663139139672.png540×847 377 KB

3

Hi @marlolean ,

Here’s the simplest way to get rid of that horizontal scroll bar…

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code

  2. In the Asset folder, open the theme.css

  3. Paste the code below at the very bottom of the file.

body {
    margin: 0;
    font-family: var(--font-body);
    font-weight: var(--font-body-weight);
    font-style: var(--font-body-style);
    font-size: var(--font-body-base-size);
    line-height: var(--font-body-base-line-height);
    color: var(--color-text);
    letter-spacing: var(--font-body-base-letter-spacing);
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden !important;
}

If this solved the issue, please mark the post as a solution and leave a like. Thanks

4

thank u! it works