BeachedDesigns

Thank you for the help. That fix worked a treat.

Any idea on an expected release date of an updated plugin to fix this issue?

Thanks Danny.
That worked much better.
I have changed the code as required, and look forward to the updated plugin with this functionality included.

Cheers
Shaun.

Hi Danny.
Thanks for the reply.
That allowed an editor to access the plugin menu in the admin area.
But unfortunately as soon as the editor tries to make any changes, comes to the “cheatin’ uh’ ” page….

RESOLVED.

Thanks a million for your help with the issue.
I have solved the responsive column stacking issue on mobile devices.

Thanks for that.
I’ve updated the css to suit your suggestion.

If I now reduce the window of my browser to be under 800px to replicate what it would look like on a mobile device, you will notice that the columns are then stacked but no longer 100% width.

Do you have any suggestions to that?
As the new code you’ve supplied overrides the code

@media only screen and (max-width: 800px) {
	.one-third,{
		padding-left: 0;
		width: 100%;
	}
}

Which creates responsive column layout so the columns are stacked instead of side by side.

Thanks a million for your assistance, much appreciated.

I’ve added that code into my custom css for my theme, but it hasn’t changed anything.
If I use the exact same code as supplied in the plugin’s css, it will work fine in a browser, but if using a mobile device or small window, the columns will become squished.

So with my current custom css, it will display correctly on mobile devices but not in full broswers

@media only screen and (max-width: 800px) {

	.five-sixths,
	.four-fifths,
	.four-sixths,
	.one-fifth,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fifths,
	.three-fourths,
	.three-sixths,
	.two-fifths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		padding: 0;
		width: 100%;
	}
}

.first {
	clear: both;
	padding-left: 0;
}

.clear {
	clear: both;
}

.clear-line {
	border-bottom: 1px solid #ddd;
	clear: both;
	margin: 0 0 15px;
}

What I am looking for is for mobile devices to display the columns one above the other like a list (or rows) instead of squished columns.

Thanks.

Just switched https://beacheddesigns.com/services/logo-design
to full width, but still have the same problem.

same issue with the one-half columns…

Nevermind, I solved by unchecking the “Enable Optional CSS” in the plugin settings.

Bump. curious as to a reply to the post above by bambinovie.
I am looking for something similar.

I’ve added that css provided by Code96 to my theme css, But I still get squished columns when using a mobile device or small browser window.
Am I doing something wrong here?

Thanks.

Found the solution on that forum. Thanks.

For anyone else searching, here’s the solution.

Thanks
Shaun.

Apologies, didn’t realise there was that forum, I’ll head over and check it out.

Thanks
Shaun.