Hi,
Problem: text goes to the top when in mobile https://imgur.com/a/Iib6a
Question: How to make the special heading, text or content centered in a cell (e.g. ‘Event’) so it display properly in mobile like this https://imgur.com/a/5L3wH
Thanks,
Louella
Hi,
Problem: text goes to top when in mobile
Question: How to make the cell content centered (e.g. ‘Event’ copy) when in mobile so it display like this https://imgur.com/a/5L3wH
Issue source: http://neutrophase.staging.wpengine.com/events/ (hosted on WPengine) (hosted on WPengine)
Thanks,
Louella
Hi,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
.page-id-1310 #av-layout-grid-1 .avia-builder-el-1 {
padding-top:240px;
}
}
Best regards,
Rikard
Hi Rikard,
I’m still getting the same issue. The text content (Event) goes up to the top (screenshot https://imgur.com/a/379mi)
Can you check again please?
Thanks,
Louella
Hi,
Try this instead:
@media only screen and (max-width: 767px) {
.page-id-1310 #av-layout-grid-1 .avia-builder-el-1 {
padding-top:240px !important;
}
}
Best regards,
Rikard
Hi Rikard,
I’m sorry but still seeing the same. The text (Event) still displays on top within the cell (screenshot https://imgur.com/a/379mi).
Do you have any suggestion or work around to centered vertically and horizontally?
Please advise – thanks,
Louella
Hi Louella,
Well, this is the way the elements you put on the page stack on mobile. You can hide this section on mobile screens with the help of screen options, which became available in Enfold 4.1.2, and build another section just for mobile.
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria,
I fixed it. I changed the content element from ‘Special Heading’ to ‘Text Block’ and position to center. Yay!
As always thanks for your help,
Louella
Hi,
I’m glad you were able to get this corrected. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon