Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 28, 2024 at 2:47 am #1441109
    xfacta

    Hi there
    i have an events calendar page using the plugin “Events Calendar” and there is a large gap at the top of the page that I dont want – how can I remove that?

    https://dowsingaustralia.com.au/whats-on/
    The gap straight under the main menu and above the header “What’s on at NSW Dowsers Society”

    Cheers
    Natasha

    April 28, 2024 at 3:08 pm #1441183
    Mike

    Hey xfacta,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
	padding-top: 0;
}

    Best regards,
    Mike

    April 29, 2024 at 1:01 am #1441231
    xfacta

    Hey Mike

    thank you that worked on desktop but not on mobile – is there a different code for mobile that I can use?

    Cheers
    Natasha

    April 29, 2024 at 8:37 am #1441261
    Ismael

    Hi,

    Thank you for the update.

    We modified the css code a bit. Please try it again:

    .tribe-events .tribe-events-l-container {
	padding-top: 0;
}

    Best regards,
    Ismael

    April 29, 2024 at 9:00 am #1441269
    xfacta

    Thank you – needed both lots of CSS to make it work for both desktop and mobile :-)

    April 29, 2024 at 11:18 am #1441282
    Ismael

    Hi,

    Great! Glad to know that this has been resolved. Please feel free to open another thread if you have more questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Remove large gap at top of page – Events Calendar page’ is closed to new replies.