Remove large gap at top of page – Events Calendar page

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
April 28, 2024 at 2:47 am #1441109

xfacta
Participant

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
Moderator
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
Participant

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
Moderator
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
Participant

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
Moderator

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.