Delete flex column on mobile device - Support | Kriesi.at

Tagged: colums, mobile, Responsive Design

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
August 25, 2014 at 10:50 am #308732

SphereEvenements
Participant

Hi !
The structure of my page is :
3/5 flex_column + 2/5 flex_column
I’d like to show the 2/5 flex column on desktop but not on mobile devices. How Can I do this please ?

On desktop having :
http://www.sphere-evenements.com/flex-column.jpg

On mobile, having :
http://www.sphere-evenements.com/flex-column-mobile.jpg

Thanks for your help !
Regards,
Franck

August 25, 2014 at 11:10 am #308744
Yigit
Keymaster
Hi SphereEvenements!

Please add following code to Quick CSS in Enfold theme options under General Styling tab
```
@media only screen and (max-width: 768px) {
.page-id-2870 .av_two_fifth { display: none; }}
```
You can right click on Chrome or Firefox to inspect elements to find page ID’s http://i.imgur.com/HyPTCRg.jpg

Regards,
Yigit
August 25, 2014 at 11:20 am #308755

SphereEvenements
Participant

Thanks Yigit !
I’d like this column not appear under 1023px so I have changed this parameter (max-width: 1023px), but now my 3/5 flex column doesn’t take full-width and I have a white part on the right : http://www.sphere-evenements.com/flex-column-blanc.jpg
How can I have full width on the first column, on mobile device please ?
Regards,
Franck

August 25, 2014 at 11:24 am #308757
Yigit
Keymaster
Hi!

Please add following code to Quick CSS as well
```
@media only screen and (max-width: 1024px) {
.page-id-2870 .av_three_fifth { width: 100%!important; }}
```
Best regards,
Yigit
August 25, 2014 at 11:33 am #308771

SphereEvenements
Participant

Great !
Thank you Yigit !
Cheers,
Franck
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Delete flex column on mobile device’ is closed to new replies.