Buttons and Banner Display Issues After Recent Update

Hello,

I am experiencing multiple display issues on my website after a recent update:

The “Buy Now” and “Add to Cart” buttons have become larger, with increased font size and padding.
The homepage banner has shifted downward from its original position.
There might be other layout inconsistencies across the site.
Steps I’ve already tried:

Cleared cache (browser and site).
Restored from backup, but the issue reappeared.
Checked theme settings for buttons and banner.
Tested with minimal plugins activated, but the issue persists.
I can securely provide admin login details to my website or staging environment if needed to investigate the issue further. Please let me know if this would help in resolving the problem.

Thank you for your assistance.

Best regards

Attachments:

You must be logged in to view attached files.

[Bogdan Donovan]

Hi,

1. Homepage banner position. After we temporarily disabled the LiteSpeed Cache plugin (screenshot https://monosnap.com/file/lByDB1y8rmXSrhWK6aq0Q9eNlFdkP2, https://prnt.sc/Ymj-RqsqdPgs), your banner started working normally. Try disabling this plugin or checking its settings (screenshots https://monosnap.com/file/WB6RJv8p4kMtTJcfkMkOWKde9jJIUo, https://prnt.sc/sqGZVwaVNLFE).

2. Button size. Buttons look big because your site has set the text size in buttons to 26px for all buttons (screenshot https://monosnap.com/file/PE3aPpyD7YCYxmeFCOdzWFnS5SE7VK, https://prnt.sc/b9xHjDyoqamj). Try to remove this value or set a smaller size. (video https://monosnap.com/file/ti6ABogJWXYkToVxDrPicO9n6LgVD0, https://drive.google.com/file/d/1F3fo7d3yAJdkXwLbP1vU3Rr7xz_oeg8G/view?usp=drive_link)

Kind Regards

• This reply was modified 1 month, 1 week ago by Bogdan Donovan.

I cant see any file or screenshot on your link

Attachments:

You must be logged in to view attached files.

We checked each link, and all of them are working correctly. However, if you are unable to view the screenshots or videos from the Monosnap service for any reason, we have updated the previous post with alternative links using LightShot and Google Drive.

Kind Regards

When I Followed your guide,its working fine on desktop only but on mobile still showing big button.

If i insert custom button working fine on mobile also but On Homepage Product Footer still showing big.

& after Litespeed Disable Working Banner & Design okey but without Litespeed website running very slowly.

Attachments:

You must be logged in to view attached files.

1. Homepage banner position. Initially, to reduce the distance between your banner and the header, you applied a margin-top: -40px value to the container next to the header (screenshot https://prnt.sc/ukbkwFYN0Bcd). Meanwhile, Elementor generated styles based on the options you selected (elementor container styles screenshot https://prnt.sc/FodtgtQ-blfE).

The issue with the LiteSpeed Cache plugin was that it interfered with styles generated by Elementor. As a result, the reduced margin set via margin-top: -40px did not function correctly.

This issue is not related to our theme, as LiteSpeed Cache impacts styles generated by Elementor, which are not directly controlled by the theme. To resolve this problem, you can:
– Disable the LiteSpeed Cache plugin.
– Replace it with an alternative caching plugin.
– Keep LiteSpeed Cache active but thoroughly review its settings, particularly options related to CSS processing.

If you encounter difficulties configuring the plugin, consider contacting LiteSpeed Cache support for assistance.

2. Button size. You changed the button size settings for desktop from 26px to 15px but left the mobile size at 26px (screenshot https://prnt.sc/3PFK_I90ojTP). Adjust or remove this setting and try again. Also, make sure to clear the cache on your mobile device before testing changes on your site from a real mobile device.

Kind Regards

[Author]

Posts