Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 29, 2022 at 9:55 am #1356808
    cktanju

    Hi,

    I inserted a code block with a script from a third party supplier for restaurants. Under the code block I do have further content. On the desktop browser there is a huge space between code block element and the headline element. When I look into it on my mobile the space is gone. I’m not finding how to fix it. Thanks upfront. I shared the link in the private section. Please go to “Online Reservation”.

    June 29, 2022 at 10:14 am #1356814
    Nikko

    Hi cktanju,

    The iframe code has an inline script that sets height to 400px.
    To fix this issue on desktop, please add this CSS code in Enfold > General Styling > Quick CSS:

    @media only screen and (min-width:768px) {
  #top #gastronaviReservationWidget-0 {
    height: 230px !important;
  }
}

    Best regards,
    Nikko

    June 29, 2022 at 10:32 am #1356819
    cktanju

    Cheers Nikko,

    has worked.

    Best regards,
    T

    June 29, 2022 at 11:47 am #1356836
    Nikko

    Hi T,

    We’re glad that we could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Space under a code block’ is closed to new replies.