Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 21, 2017 at 1:51 am #854630
    louella-NBY

    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

    Events

    Thanks,

    Louella

    • This topic was modified 7 years, 3 months ago by louella-NBY. Reason: Explaining more the details
    September 21, 2017 at 1:52 am #854631
    louella-NBY

    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

    September 22, 2017 at 7:29 am #855192
    Rikard

    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

    • This reply was modified 7 years, 3 months ago by Rikard.
    September 23, 2017 at 12:53 am #855637
    louella-NBY

    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

    September 24, 2017 at 6:33 am #855952
    Rikard

    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

    September 25, 2017 at 9:38 pm #856709
    louella-NBY

    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

    September 26, 2017 at 1:52 pm #856920
    Victoria

    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

    September 28, 2017 at 8:13 pm #858202
    louella-NBY

    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

    September 28, 2017 at 11:04 pm #858238
    Jordan Shannon

    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

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Enfold – How to make the special heading, text or content centered in a cell?’ is closed to new replies.