Big ‘X’ when loading website
-
Hello,
Since installing a sitewide banner via the Brave plugin, when I now load my website it first appears with a huge ‘X’ before loading all the background image content. The banner in question is the full-width blue one.
When a disable the plugin, the ‘X’ doesn’t appear anymore.
Any advice would be much appreciated.
Thanks,
SianThe page I need help with: [log in to see the link]
-
Just ran some tests and looks like it is being caused by Brave. This may happen if you have lots of assets(css/js/images). We will add a fix in the next version.
For now, to fix this issue, kindly follow these steps:
1. Go to Plugins > Plugin Editor, and select “Brave Builder” from top right corner.
2. Then select thelib > enqueue-scripts.php
file.
3. When the file is loaded, replace this line:add_action( 'wp_head', 'bravepop_popupjs_vars' );
with this:
add_action( 'wp_head', 'bravepop_popupjs_vars', 3 );
4. Update the file and the issue should be fixed.
Let us know how it goes.
Thanks@getbrave Thank you for the fast reply. Just followed your instructions, cleared my browser’s cache, and unfortunately the issue persists.
In that case, open up this file:
lib > Frontend > Popup.php
and replace this line (line 661):
<div class="brave_popup <?php $this->popupType === 'content' ? print_r('brave_popup--embedded') : '';?>" id="brave_popup_<?php print_r(esc_attr($this->popupID)); ?>" data-loaded="false" >
with this:
<div class="brave_popup <?php $this->popupType === 'content' ? print_r('brave_popup--embedded') : '';?>" id="brave_popup_<?php print_r(esc_attr($this->popupID)); ?>" data-loaded="false" style="display:none;" >
Thanks
Thanks again for the quick reply.
Followed your instructions, cleared my browser cache, still seeing the ‘X’ unfortunately.
@superbokkie Are you using any special plugin that loads the css/js files before the html content is loaded?
If you are using a cache plugin, try clearing the cache and disabling it and see if that fixes the issue.
Thanks
I’m not sure if any plugins loads the css/js files before the html content is loaded. I definitely didn’t install a plugin to specifically load the css/js files first – I don’t do any advanced stuff like this.
I’m not using a cache plugin.
We just ran some tests on few of our installations each using different themes and we are not seeing this issue on any of them.
Can you kindly try disabling all the plugins except Brave and see if that fixes the issue? If it does, try enabling the deactivated plugins one by one and find out which one is causing this issue.
Thanks
I’m using the ‘Health Check & Troubleshooting’ to troubleshoot this without affecting how the website looks to regular users.
1. All plugins and themes are disabled.
2. I reenabled the theme I currently use and viewed the website. All plugins still disabled. No ‘X’ on loading which is great.
3. I reenabled only the Brave plugin. The ‘X’ reappeared on loading.
@superbokkie While running the test, you have to keep Brave installed. And try disabling the theme and the other plugins.
The X icon is loaded by Brave, but it should not appear on scree as we have forced it to hide. So we have to figure out if any other theme/plugin’s script is causing any kind of issues. That’s why you have to keep Brave enabled throughout the whole test and figure which plugin/theme is conflicting with Brave.
Thanks
Ok, I went and disabled each and every plugin one by one, whilst keeping the Brave plugin enabled.
The ‘X’ still continues to appear, until I have the following 2 plugins remaining – when I disable them I can’t see anything on the website. No images etc, only shortcodes and html text. So I can’t say for sure if the ‘X’ still appears because no images show at all.
- Salient WPBakery Page Builder
- Salient Core
And regarding the theme… When I change my current theme “Salient” to “Twenty Twenty” or “Twenty Twenty-One” I don’t seem to see the ‘X’ anymore but it’s difficult to say for sure as the content is in such a small frame.
@superbokkie Ok. Sounds like the conflict is with the theme Salient and its Core plugin.
Can you please go to Salient’s Settings page and disable any page transition features or any features that contains the word javascript or CSS?
Thanks
These are the only elements mentioning CSS, and they’re already set to ‘off’.
Animated Page Transitions
This will enable an animation between loading your pages.Disable Fade Out On Click
This will disable the default functionality of your page fading out when clicking a link with the Standard transition method. Is useful if your page transitions are conflicting with third party plugins that take over certain anchors such as lighboxes.
^ I even tried switching this ‘on’, no differenceForce Dynamic CSS to Inline In Head
This prevents the theme dynamic css from being written/enqueued in a stylesheet and instead will cause it to output directly inline within the HTML head. This option is useful for preventing caching of the styles if you’re still developing and using minification/caching plugins.
^ I even tried switching this ‘on’, no differenceThere doesn’t seem to be any mention of Javascript in any of the settings
- This reply was modified 3 years, 4 months ago by superbokkie.
@superbokkie Looks like we need to run some tests with Salient theme on our end. But we first we need to make sure that it is indeed the Theme that’s causing this issue.
Can you please try switching the theme to another one and confirm the Brave popup appears fine and the X icon does not appear?
Thanks
Ok, thanks.
I’ve just tried switching to the ‘Twenty Twenty’ and and ‘Twenty Twenty-One’ themes. The Brave popup appears fine on both, and I don’t see an ‘X’ icon on either
Thanks for your feedback. We will run some tests with Salient theme and get back to you in 48 hours.
Regards
- The topic ‘Big ‘X’ when loading website’ is closed to new replies.