Adjusting Single Column Break Point

Hi Thinkdm2,

What you can do is copy our stylesheet over into a new stylesheet. Once you’ve done that you can enqueue the new stylesheet as a dependency of the Timeline Express stylesheet so it gets loaded AFTER our base styles.

That way, any tweaks you make to the new file will override our default styles.

Here are our default styles:
https://github.com/EvanHerman/timeline-express/blob/master/lib/public/css/timeline-express.css

And the handle they get loaded as is timeline-express-base.

So you’ll want to enqueue your new stylesheet similar to the following:

wp_enqueue_styles( 'timeline-express-overrides', 'path/to/new/stylesheet', array( 'timeline-express-base' ) );

Let us know if that helps!

Thanks,
Evan

I don’t think that we have a break point at 1024px, I think the first one we have is at 822px:

https://github.com/EvanHerman/timeline-express/blob/master/lib/public/css/timeline-express.css#L50

What are you looking to change? What’s happening around 1024px?

Thanks,
Evan

You should be able to go through the CSS file and change all occurrences of 822px to 1024px, which would then change where the break point occurs.

Evan