Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 15, 2024 at 12:19 pm #1440024
    woogie07

    Hi,

    My site has an area with a grid column showing half image, half H2 copy.

    1/ This displays ok on desktop, but on mobile the H2 copy does not centre vertically between the cell as it does on Desktop.
    Please see the screen capture ion private content. Can you advise if any settings need changing.

    2/ I also have a gapping issue on mobile in between Copy – see screen capture

    April 15, 2024 at 7:48 pm #1440051
    Rikard

    Hey woogie07,

    1. It looks like you have added padding to the cell, please set a different padding to the screen sizes of your choice in the Styling tab in the element options.

    2. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
#top .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
  margin-top: 0;
}
}

    Best regards,
    Rikard

    April 16, 2024 at 10:11 am #1440097
    woogie07

    Thanks Rikard,

    Thats seems better.

    Can you send a screen grab of the areas to change for padding and ideal settings.

    Thanks

    April 16, 2024 at 1:11 pm #1440106
    Rikard

    Hi,

    Edit the cell, then go to Styling->Padding. There are icons there representing each screen resolution, and you can set different paddings for each resolution.

    Best regards,
    Rikard

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