Header Addon & Grid Layout

Hi Gil,

1. I'm using our Page Header add-on for the homepage.

2. I'm working on an add-on with columns, but for now I'm using this one: https://wordpress.org/plugins/lightweight-grid-columns/

I had to add my own CSS to make it responsive:

@media screen and (max-width: 768px) {
	.column-grid .column {
		width: 100%; 
		margin: 0; 
		padding: 0;
		float: none;
	}
}

Any news on your grid addon?

I think Tom is referring to the Sections feature?
https://docs.generatepress.com/article/sections-overview/

What are you trying to accomplish?

No it's lightweight grid columns - that link used to link to another plugin but I updated it a while ago :)

ahh I see. Way to make it confusing :)

Yea that's my bad lol

Hi Tom,

With many many request for grid add-on and the many corresponding support tickets which keep asking for grid code solutions, we hope the grid add-on see this light soon.

Have you tried Tom's lightweight grid columns? https://wordpress.org/plugins/lightweight-grid-columns/

I tried Tom’s lightweight grid columns but still not loading with wordpress 4.8.1

With so many support request for grid code solutions I think grid Add-on is the way to go.

Most people are happy with lightweight grid columns solution. I just tried with WordPress 4.8.1 and it's working for me.

You can also try GP's grid system like this: <div class="grid-33 tablet-grid-50 mobile-grid-100">

See an example here: https://generatepress.com/forums/topic/footer-bar-2/#post-359858

Hello, I'm going to try Tom's Lightweight Grid Columns plug-in with GeneratePress, but can someone tell me whether I should add his extra CSS (copied below) to the pages where I use the grids (perhaps using Tom's other plugin Simple CSS), or to the Customize / Additional CSS area?

@media screen and (max-width: 768px) {
.column-grid .column {
width: 100%;
margin: 0;
padding: 0;
float: none;
}
}

Most grid plugins should be responsive by default, so that code shouldn't be necessary :)

Thanks Tom, took me a minute to figure out how to use the plugin (I'm not technical), but I got it to work and it looks great on all devices!!

Awesome, glad I could help :)