my timeline section is bugged

Store Design
, , , , , , ,

Topic summary

A user reported being unable to access the 5th block of their timeline section on their Shopify store. The issue appears to be screen-width dependent.

Root Cause Identified:

  • A CSS rule in theme.css is causing the problem:
    .page-width {
  padding: 10px 25px!important;
}
  • This rule overrides the theme’s expected maximum width of 1500px
  • The bug only manifests on screens wider than approximately 1280px
  • Narrower screens display the timeline correctly

Solution:
Removing the problematic CSS rule resolves the timeline navigation issue.

One respondent initially reported the site working normally, suggesting the issue may be intermittent or resolution-specific.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

i can’t go to the 5th block of my timeline section
URL: https://www.vibespearledcandle.com/

Emiway1_0-1745319017929.png
Emiway1_0-1745319017929.png400×204 41.2 KB

2

Hey @Emiway1 ,

I just visit your website and found that it’s working well.

thescriptflow_0-1745323496299.png
thescriptflow_0-1745323496299.png1907×648 146 KB

Would you like to confirm either you fix it?

3

There is a lot of code which expect it’s width to be maximum 1500px.

However, there is a rule in your theme.css

.page-width {
  padding: 10px 25px!important;
}

which overrides this.

If you remove it, the timeline works well.

And yes, on the narrower screens it works fine, problems start over 1280px wide, i guess.