pertho

Hi Jerry –

Just tried your fix and it works too. So with two options I think this can squarely be marked as resolved!

Thanks for your input, it’s much appreciated.

Hello all –

I *seem* to have found a fix playing around with some custom css. Solution I landed on was to keep the panel(s) with the ‘two column’ option selected, and include this css:

@media screen and (min-width: 60em ) {
	.two-column .panel-content
			.entry-content {
		-webkit-column-count: 1;
		column-count: 1;
	}
}

I’m honestly a total novice when it comes to CSS though, so if anyone sees an obvious error or cleaner fix, I’d be curious to know!

Thank you!

Hi, Sure – I hadn’t launched the site yet, but it should be live now.

https://www.ironcauldron.ca

Thanks again

Sure! Sorry if I was unclear.

Basically, with the panel set as “one column” under theme options in the customizer window, the boundary for the paralax effect looks like this: https://snipboard.io/GYXixw.jpg
That’s what I referred to as ‘stepped’.

When the “two column” option is selected instead, the appearance changes to this: https://snipboard.io/r2x9Jg.jpg
This is the appearance I would prefer. However, this option messes with the layout of the contact form, pushing everything off to the left etc.

So, What I would like to know is: is there CSS that can be used to alter the appearance of the “one column” theme option so the border between the image and the start of the ‘contact’ section is a straight horizontal line, as in the two column option? So I can have the desired appearance without shifting the contact form to the side, as the two column option does?

Hope that’s clearer, and thanks for the help.

Thanks – I’ve made contact with my host and they have helped me out.

Sláinte