In sixteen-nine, 3 widget areas equal size work on web and mobile

[visinno]

I have 3 widgets on the home page that should be equal in size, spaced evenly, and work on all the devices. I can't get them centered below each other on the iphone without messing up the tablet view.

http://test.dcrwd.com

[James]

Hi

you have set them to a fixed width with an inline style, so they are not responsive

instead, use percentages or change the width via media queries

[visinno]

Hi Jamie,

I used the widget plugin "Widgets on Pages" because I do not like/understand php well and usually when I do something in php the site gets broken. That is why I did not use the copy blogger suggestion of http://my.studiopress.com/tutorials/register-widget-area/ I really think it should be widgets as they are pulling info from different places. Is there an easier way to add widget areas? and subsequently style them?

Krina

[James]

Hi Krina !

Unfortunately hard coding them is the only real way to do them properly.

It is very easy to do but if you are not confident then i understand you not wanting to dive into the themes files.

You could forget the widgets and just use the Genesis column classes, this is perfectly fine and would be a great way of doing it, this is what the Genesis column classes are for, stuff like this.

Then just add your images and info to each column on the actual page (wrapped in a link). This will also give you a LOT more control as to what is going in each column compared to the featured page widget.

Because Genesis column class are so easy to use, why not just test it out on page, add some dummy content in there to start with.

http://my.studiopress.com/tutorials/content-column-classes/

Keep me posted as to how you go

[visinno]

Thank you, It is going better. Been busy with other things so in the little time I had I did find it to be easy.

You have been a great help 😉

Krina

[Author]

Posts