Plug-in MaxButtons / buttons don’t appear

I can see a button loading on that page. Probably you need to flush the cache if you see difference between being logged in or not .

Are the buttons there, but without styling, or completely not there?

In the second case, perhaps you have some part of the page only showing up for people that are logged in ?

Thanks for your answer… it seems that this issue would come from the plugin WP-Rocket.
Everything seems to be back to normal now.
Thanks for your help ??

I believe there is a setting in WP-rocket that sometimes removes the styling. There should be some exception list where you can add .maxbutton to.

MaxButtons PRO has an option to load CSS as if it’s a file, which also prevents this behavior.

Also when updating a button, MaxButtons will ask to flush the cache. (WP should do the same when updating pages).

Hi there,

I have the same problem with Maxbuttons/WP Rocket.

Did you find any solution where to put in the “.maxbutton”?

Thank you and best regards,
Luke

Hi, it seems that the problem of displaying the MaxButtons are directly related to the theme. I changed the theme and it’s ok now.
Best Regards,
Marc.

Wp Rocket doesn’t have a plugin in the WP-repo, so I can’t check the plugin directly. I think you can check their support docs, because via google I saw several instructions on how to configure that.

Hi,

I am having this problem too, but only on mobile. It appears to be related to the setting in WP Rocket called Load CSS Asynchronously.

I am working with WP Rocket, who have said they can fix the issue if they know the stylesheets being used by MaxButtons, but I can’t seem to see any stylesheets being loaded on the site for MaxButtons (see this page as an example – https://bowshunter.com/best-survival-bow/).

Are you able to help?

Cheers

Most of the time MaxButtons outputs a <style> … </style> in the footer section of the page.

It loads this dynamically based on the buttons the page contains. This is why sometimes plugins that use some caching can have issues with this.

Another option is to display the styling inline:

[maxbutton id=x style=”inline”] .

The style will then be displayed directly before the button.

Last option for PRO users is to use the ‘css as file’ settings, which will then enqueue a stylesheet with the pages CSS. This seems to work best with WP Rocket for so far.

Without the cache it works on your page: https://bowshunter.com/best-survival-bow/?nocache=true .

• This reply was modified 3 years, 1 month ago by Bas Schuiling.

Great suggestion Bas! Inline styling fixed the issue!

Thanks heaps!

As a note, WP-Rocket provided us a license for testing. I can’t find a configuration where it removes the styling in a problematic way. Perhaps it only happens in some combination of themes / plugins, but not in a default configuration. Let us know if you can reproduce it and explain the exact steps how.

For now I’m closing this ticket.