Site logo

Archived topic

GeneratePress CSS hiding Beaver Builder Navigation

2 replies · Started by Ken on January 8, 2018

Viewing posts 1–3 of 3

This CSS

.site-main [class*=navigation] {
    margin: 0 0 2em;
    overflow: hidden;
}

is hiding the navigation prev and next arrows on Beaver Builder's posts slider and carousel modules.

<div class="fl-post-slider-navigation"

This can be over-ridden in CSS but took me some time to figure out so wanted to post for others:

.fl-post-carousel-navigation, .fl-post-slider-navigation {
	overflow: visible!important;
}

Hi Ken,

We have an open issue on GitHub about that snippet of CSS being greedy like this. It was built into Underscores, which GP was originally built on.

We hope to remove it soon, but need to make sure doing so won't cause any other issues.

Thanks for posting the solution!

ha...damn greedy css!

Glad to hear a fix is in the works. Appreciate the quick reply Tom. Thank you!

This archived topic is closed to new replies.