[Resolved] Header Addon & Grid Layout

[Gil]

I have a couple of questions:

1. I am looking to add a “featured” section above the actual content on the home page. Much like you have on your home page with the section that contains “Free WordPress Theme…” Which Plugin would I buy for that?

2. Is the columns grid plugin used on your site (homepage) a part of your suite or is it from a different source? I am looking to add columns and cannot find a responsive one that works like your homepage.

[Tom]

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;
	}
}

[Daniel]

Any news on your grid addon?

[Leo]

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

What are you trying to accomplish?

[Tom]

No it’s lightweight grid columns – that link used to link to another plugin but I updated it a while ago 🙂

[Leo]

ahh I see. Way to make it confusing 🙂

[Tom]

Yea that’s my bad lol

[arabsworks]

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.

[Leo]

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

[arabsworks]

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.

[Leo]

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

[Kristin]

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;
}
}

[Tom]

Most grid plugins should be responsive by default, so that code shouldn’t be necessary 🙂

[Kristin]

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!!

[Tom]

Awesome, glad I could help 🙂

[Author]

Posts