I am coming across an issue with adding Beaver Builder Saved Rows in an Elements header.
I put BB saved rows in the header to create slide shows and add buttons but what is happening is the formatting of text and buttons is getting messed up, its like the Generate Press CSS is overriding the Beaver Builder CSS.
To get round the issue I have noticed that if I switch the merge header type a few times the issue disappears but it’s an ongoing issue that happens every time I build a site.
It used to work fine before elements but now it is a persistent issue.
I add the Beaver Builder saved rows like this to the header [fl_builder_insert_layout slug=”welcome-banner”].
I can not give you a working site that has the issue because as I said it is fixable by swapping the merge type but I will supply a URL to demonstrate what I achieve by doing this.
I would very much appreciate it if you could look into this for me as its causing me an issue every time I build a site.
very odd – haven’t been able to replicate that. But i can see that BB outputs the style sheets with the HTML which may be causing the problem, effectively the styles could be taking longer to load than expected.
Why not leave the Beaver Builder row as part of the page content and then just set the Header Element to merge with the page content?
You simply create a header element, add a HTML comment to the content e.g <!-- merged header --> – leave all the padding etc empty and then set the Site Header to merged.