styzer

Yes, same here. Except the page that I removed the sidecolumn, on that page it is not centered. Look at the screenshot below?

https://gyazo.com/61b6edc2efd3bc6b0649f32bb70399aa

Almost! It is working for the pages without a sidecolumn. But then the page with one, the nav covers the top of the sidsecolumn image. I tried to adapt the code with a page-id but no luck.

Yes, good catch for the homepage, but the page without a sidecolumn, the top menu is off.

https://understandingthefourfacesofthelivingcreatures.com/1/index.php/read-the-book/

By using menu-main-menu I was able to at least pull it toward the center, but that’s a hack I wish wasn’t necessary. The menu is sticky, but it doesn’t cover the full width of the page. So when I scroll, I see the left image is clear while the others get covered by the menu.

Brilliant, almost there!

Here is what worked for mobile: max-width instead of min-width. And it’s not fitting well width wise. However there was a big padding at the bottom. So I tinkered around and this seems to work best. It shows well on my Galaxy S21.

/MOBILE/

@media (max-width: 860px) {

.sidecolumn {
background-position: center top;
background-size: contain;
background-repeat: no-repeat;
background-attachment: scroll;
max-height: auto;
}

.sidecolumn-inner {
    display: flex;
min-height: 64vh !important;

}

}

Now the top menu seems a bit off center, and when I scroll down, the menu covers the text, as if it was half the width of the page, off-centered. Is there a way to make the menu occupy the total width of the page?

Thank you for the helpful reply! Sorry it’s been quite mad around here so I apologize for the delay.

1- One more thing I need to be able to do is to make the sidecolumn responsive. The sidecolumn is set at 40%, I have an image filing that space. But on mobile, it’s spilling off screen.

I tried various solutions but it’s not responding to any of the changes. Here is what I have finally and it’s not working.

/MOBILE/

@media (max-width: 991px) {
.sidecolumn img {
{
height: auto;
width:50% !important;
}
}
.topnav-header {
padding: 0 2rem;
margin-bottom: 0;
} topnav {

padding: 0 25px 0;

}
}

2- And I’m sharing a PDF on one of the pages. I’d like that page to NOT have a sidecolumn. How would I remove the sidecolumn ONLY for that page?

Thanks again!

• This reply was modified 1 year, 1 month ago by styzer.

Sorry, please disregard. I clicked on the wrong thing. I only needed to click on Add snippet.

Hi, I confirm the updated plugin now works flawlessly!

Many thanks!

Andre

• This reply was modified 1 year, 3 months ago by styzer.

Thank for your reply. I checked and the shortcode is correct in the VISUAL screen but the TEXT screen shows that WP has added styling to that, and so you are correct. I edited out the added code and it is now working as it should.

Thank you very much, I did not think of looking there.

Andre

Thanks crestfalleen, I confirm that doing so has allowed me to use BB again. I have not yet contacted Site Origin about this, though.

Cheers!

Thank you Jamie, I “rolled back” to v. 1.55. And now the bar still disappears BUT when I hover over the page, the BB sections show the controls.

Much appreciated! ??

Will be looking forward to THEIR updates. I rarely update WP immediately for that very reason. Let them find and fix the bugs before committing to an update. Except this time. I’ll go back to that though.

Anyone else reported this issue of the WordPress top bar disappearing after clicking BB link on it?

Hi, my hosting tech support was able to duplicate the error. Here is his reply to me (he tried to post here).

todo10 wrote:

I'm having the same issue. The console error shows the following errors on beaver-builder-lite-version/js/fl-builder.min.js?ver=2.7.3.1 file when i click the Beaver Builder page at the top and it redirects to .com/?fl_builder&fl_builder_ui URL:

foogallery.min.js?ver=2.3.3:8 RangeError: Maximum call stack size exceeded
? ? at jQuery.fn.trigger (fl-builder.min.js?ver=2.7.3.1:1:274508)
? ? at jQuery.fn.trigger (fl-builder.min.js?ver=2.7.3.1:1:274556)
? ? at jQuery.fn.trigger (fl-builder.min.js?ver=2.7.3.1:1:274556)
? ? at jQuery.fn.trigger (fl-builder.min.js?ver=2.7.3.1:1:274556)
? ? at jQuery.fn.trigger (fl-builder.min.js?ver=2.7.3.1:1:274556)
? ? at jQuery.fn.trigger (fl-builder.min.js?ver=2.7.3.1:1:274556)
? ? at jQuery.fn.trigger (fl-builder.min.js?ver=2.7.3.1:1:274556)
? ? at jQuery.fn.trigger (fl-builder.min.js?ver=2.7.3.1:1:274556)
? ? at jQuery.fn.trigger (fl-builder.min.js?ver=2.7.3.1:1:274556)
? ? at jQuery.fn.trigger (fl-builder.min.js?ver=2.7.3.1:1:274556)

The error above happens on this line:

jQuery.fn.trigger = function(e, t) {
? ? ? ? ? ? ? ? return window.parent.jQuery.fn.oldTrigger.call(this, e, t),
? ? ? ? ? ? ? ? jQuery.fn.oldTrigger.call(this, e, t)
? ? ? ? ? ? }

Then there is another error:

Uncaught TypeError: Cannot read properties of undefined (reading 'data')
? ? at Object._removeRowOverlays (fl-builder.min.js?ver=2.7.3.1:1:87893)
? ? at Object._removeAllOverlays (fl-builder.min.js?ver=2.7.3.1:1:85879)
? ? at HTMLIFrameElement.mouseLeave (fl-builder.min.js?ver=2.7.3.1:1:276773)
? ? at HTMLIFrameElement.handle (jquery.min.js?ver=3.7.1:2:44398)
? ? at HTMLBodyElement.dispatch (jquery.min.js?ver=3.7.1:2:40035)
? ? at v.handle (jquery.min.js?ver=3.7.1:2:38006)

Finally a third error:

jQuery.Deferred exception: Maximum call stack size exceeded RangeError: Maximum call stack size exceeded
? ? at jQuery.fn.trigger (https://vi-control.net/portal/wp-content/plugins/beaver-builder-lite-version/js/fl-builder.min.js?ver=2.7.3.1:1:274508)
? ? at jQuery.fn.trigger (https://vi-control.net/portal/wp-content/plugins/beaver-builder-lite-version/js/fl-builder.min.js?ver=2.7.3.1:1:274556)
? ? at jQuery.fn.trigger (https://vi-control.net/portal/wp-content/plugins/beaver-builder-lite-version/js/fl-builder.min.js?ver=2.7.3.1:1:274556)
? ? at jQuery.fn.trigger (https://vi-control.net/portal/wp-content/plugins/beaver-builder-lite-version/js/fl-builder.min.js?ver=2.7.3.1:1:274556)
? ? at jQuery.fn.trigger (https://vi-control.net/portal/wp-content/plugins/beaver-builder-lite-version/js/fl-builder.min.js?ver=2.7.3.1:1:274556)
? ? at jQuery.fn.trigger (https://vi-control.net/portal/wp-content/plugins/beaver-builder-lite-version/js/fl-builder.min.js?ver=2.7.3.1:1:274556)
? ? at jQuery.fn.trigger (https://vi-control.net/portal/wp-content/plugins/beaver-builder-lite-version/js/fl-builder.min.js?ver=2.7.3.1:1:274556)
? ? at jQuery.fn.trigger (https://vi-control.net/portal/wp-content/plugins/beaver-builder-lite-version/js/fl-builder.min.js?ver=2.7.3.1:1:274556)
? ? at jQuery.fn.trigger (https://vi-control.net/portal/wp-content/plugins/beaver-builder-lite-version/js/fl-builder.min.js?ver=2.7.3.1:1:274556)

Thank you, are you aware of this though? This started after the update. It goes on for quite a while. Here is a snippet of errors in the console related to the javascript file of Beaver Builder itself:

var FLBuilderColorPicker;function fl_slugify(e){let t=encodeURIComponent(e.toString().toLowerCase().trim().replace(/[“‘,]/g,””).replace(/\s/g,”-“)).toLowerCase();const i=”?????￠?¤?|?￡?￥?????…?§?????‘???¨???a???“?—???????μá?§???ˉ?-???ˉ????á???±???1???′???2?3?“?????μá1?????????????è??￥è??????1?o?????ˉ?±?3áo?áo????????o???·/,:;”;e=new RegExp(i.split(“”).join(“|”),”g”);return t.toString().toLowerCase().replace(/\.+/g,”-“).replace(/\:+/g,””).replace(/\s+/g,”-“).replace(e,e=>”aaaaaaaaaacccddeeeeeeeegghiiiiiilmnnnnooooooooprrsssssttuuuuuuuuuwxyyzzz—–“.charAt(i.indexOf(e))).replace(/&/g,”-and-“).replace(/[^\w\-]+/g,””).replace(/\-\-+/g,”-“).replace(/^-+/,””).replace(/-+$/,””)}!function(u){var i=[],t=navigator.userAgent.toLowerCase(),l=”Microsoft Internet Explorer”===navigator.appName,n=l?parseFloat(t.match(/msie ([0-9]{1,}[\.0-9]{0,})/)[1]):0,o=l&&n<10,s=!1,r=[“-moz-“,”-webkit-“,”-o-“,”-ms-“];function d(

Hi, thank you so very much for your replies. I truly appreciate it. The plugin is installed and configured as best as I could figure out. Now I wait for people to start using it and looking forward to any feedback from the people who will use it.,

Regards, all the best!

Styzer

Hi, sorry I didn’t get a reply from you.

So, we don’t want people to login to the site, it’s strictly an information-based site, no interaction or commenting. So how do we solve this?

Going through the settings I see this:

Allow users to login via the normal WordPress login page or via a static page. The static page should contain the [charitable_login] shortcode.

Is there a way for us to opt out from having people login? Any way to NOT select a page then: Pages, Login Page, Registration Page, Profile Page? That part is confusing.

Thank you. I’m just waiting on your reply to finalize the donation setup so my client can start receiving donations.

Thank you!

Styzer

• This reply was modified 1 year, 5 months ago by styzer.