-
Posts
-
Hi,
I have a page set up with a 2/3 + 1/3 grid row. Inside the 1/3 I have 4 columns each with images (only about 80px wide). When the viewing port is tablet size or less the 4 images show in a vertical line centered in the main column. They still easily fit within the px of the width of the screen. Can you suggest any custom CSS to show these in one line/row?
Many thanks,
MarshaHi,
When editing the Grid Row element there’s an option to change the Mobile behavior:
Cells appear beside each other, just like on large screensBest regards,
JosueHi,
If I change this option in the Grid Row I presume the elements I have in my main column will then also display on a single row. This will reduce the size of my blog post content elements and provide poor UI for the main content. So can this setting only be applied to to a whole grid row, and not a single column within the grid? As a work around I tried to add a grid row within the grid row but that didn’t work.
Cheers,
MarshaHi,
I checked your website on my iphone and i could not notice any issues with columns. Have you figured this one out already by referring to Josue’s recommendation?
Best regards,
YigitHi Yigit,
I’ve posted a screenshot of the view from my iPhone (on the home page) where the issue is occurring in private content.
Cheers,
MarshaHi,
Can you please create us a WordPress administrator account? post it here as a private reply.
Regards,
JosueSure, I had set up an account previously but I didn’t keep a record of the password so have reset it. Details in private content :-)
Hi,
please upgrade your WordPress version and let us know if you still need help with this issue.
Please deactivate all plugins one by one to check which one is causing this issue and let us know if this solves the problem.
In addition to that, please let us know if we are allowed to deactivate one or more of your plugins as well for testing purposes :)Best regards,
AndyThanks for the offer Andy but I’ll try updating WP to the latest version and will let you know how I go.
Cheers,
MarshaHi,
I updated to 4.5.2 tonight but the 4 x images in 1/4 elements in the top of the column on the home page are still displaying one under another in the mobile view. It’s confusing me that it is because I’ve logged a ticket to try and do that with the blog post content element that I have set up to show in two columns (which it’s just squishing in a single row on mobile). But I’ve posted another ticket about that. I’m working towards going live with this site next week so not sure if I have time to deactivate all my plugins to see if one is causing the issue. You guys have looked at a few questions I’ve had while building the site, is there any plugins in particular that you suspect could be interfering/conflicting? If it’s a bit of a needle in a haystack, I may just leave them off for now and come back to it later.
Cheers,
MarshaHi,
Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Edit the cell containing the 4 images, add a custom css class attribute called “custom-cell” for example then add the following css code in the Quick CSS field:
@media only screen and (max-width: 767px) { .responsive #top #wrap_all .custom-cell .av_one_fourth { width: 20.6%; margin-left: 6%; } }Best regards,
Ismael
- The topic ‘Mobile display of 4/4 elements inside 1/3 column’ is closed to new replies.