Hide column for mobile devices on homepage

Posted in: Newspaper
Post count: 3
Corchea
#38952
Feb 20, 2015 at 5:40 pm

Hello,

I wanted to hide a column on my homepage when it’s seen in mobile devices, but nothing happened when I clicked “Column Settings” > “Width & Responsiveness” and selected the boxes to hide the content.

My site is http://cuerpoalma.com and the column I need to hide on smartphones is the one about the author (1/3 width).

Thanks for the help!

Post count: 7909
Alin [tagDiv]
#39030
Feb 23, 2015 at 8:21 am

Hi,

Please try to add an extra class to that block(text block) that you are using: http://screencast.com/t/fQhD1Ye2O

And use css code to hide it on mobile in Theme Panel > Custom Css: http://screencast.com/t/awayBCam

@media(min-width:767px){
.author{
display: none;
}
}

You can also add an extra class to the column, if on block settings don’t have extra class field: http://screencast.com/t/mMyiDOZN4YZ and css to hide it.

Thanks!

Post count: 3
Corchea
#39647
Feb 28, 2015 at 8:39 pm

Thank you! Because I needed that box to be displayed in desktop and tablet screens bigger than 767px, I changed the code to be:


@media(max-width:767px){
.author{
display: none;
}
}

That way I only removed the blog from smartphones.

Thanks again for the help.

Sara

Post count: 7909
Alin [tagDiv]
#39783
Mar 2, 2015 at 12:35 pm

Hi,

Sorry for misunderstanding! Glad that you managed to solve this!

Thanks!

Viewing 4 posts - 1 through 4 (of 4 total)
You must be logged in to reply to this topic.