[whats title] Need help. (Nature One)

[Richard Blok]

Hi everybody,

I used the 3 column content as below:

[column_content type=”one_third”][whats title=”Energie” image=”http://clannie.nl/wp-content/themes/natureone-pro/images/lightbulb2.png” link=”http://www.clannie.nl/energie”]Vergelijk je rijk![/whats]
[/column_content]

[column_content type=”one_third”][whats title=”TV, Internet & Bellen” image=”http://clannie.nl/wp-content/themes/natureone-pro/images/television.png” link=”http://www.clannie.nl/tvinternetbellen”]Vergelijk je rijk![/whats]
[/column_content]

[column_content type=”one_third_last”][whats title=”Mobiel Abonnement” image=”http://clannie.nl/wp-content/themes/natureone-pro/images/mobile.png” link=”http://www.clannie.nl/mobiel-abonnement”]Vergelijk je rijk![/whats]
[/column_content]

My only problem is that on the website it’s nice next to each other. But on the mobile version (responsive) it is cropped next to each other. On the other hand, when I use the 2 column code then on the mobiel version it shows the whats titles below each other, as I want it.

The only thing is, I need 3 instead of 2. So my question is:

Does anybody here knows how I can use the 3 column and let it show below each other in the mobile version. Many thanks!

Regards,

Richard Blok

site: www.clannie.nl

[Sonl Sinha]

Hi Richard,

Your website is in construction mode.

Regards,
Dave

[Richard Blok]

Hi Dave,

Sorry for the inconvenience. I still didn’t get it to work. I have put the site online now, if it’s possible to still assist me I’m glad. Thanks in advance.

Regards,

Richard

[Sonl Sinha]

Kindly add this in

Appearance > Basic Settings > Custom CSS
@media screen and (max-width:768px){
.one_third{ float:none; margin-right:0; width:100%; margin-bottom:20px;}
}

Regards,
Shri

[Richard Blok]

Hi Shri,

Thanks alot, it worked for me! Now the mobile version is displayed exactly how I wanted it to be!

Kind regards,

Richard

[Sonl Sinha]

Great.

Regards,
Shri

[Author]

Posts