Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 9, 2022 at 6:27 am #1357756
    Dzimnikov

    Hey, I ran into a weird problem/glitch… not sure why this is happening. Here is the page in question, although its happening on other pages as well: https://www.highereducationfest.com/higher-education-classical-and-glass-artists/

    If you go to the sections starting with Abigail Lucia, I’m using grid rows for them. On the left hand side I have a name and a button, and on the right hand side a photo. On desktop, the name/button are centered within the grid…. but on mobile its not centered and instead pans upwards.

    Can you please help?

    July 9, 2022 at 11:50 am #1357773
    Nikko

    Hey Dzimnikov,

    Can you try adding this CSS code in Enfold > General Styling > Quick CSS:

    @media only screen and (max-width:767px) {
  .responsive #top #wrap_all .av-layout-grid-container .av_two_fifth {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

    Hope it helps.

    Best regards,
    Nikko

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