Several sliders on my website have troubles scaling the buttons on mobile screens. the buttons are added with a fusion builder shortcode. The main problem is that the background color is only behind half of the text from the button. Is there a way to fix this? I have checkt the styles but cannot identify a solution.
Are there other ways to show a orange background button with white text?
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
The problem is that this fusion button loads its own styling and responsive settings. However, the slider is also trying to apply its responsive behavior and stylings on it, resulting in this conflict.
I'd recommend to build your button with LayerSlider instead, so there won't be any interfering. You can use the options located in the Layers -> Styles tab to recreate the fusion button's layout and look.
Hi Theme support,
Several sliders on my website have troubles scaling the buttons on mobile screens. the buttons are added with a fusion builder shortcode. The main problem is that the background color is only behind half of the text from the button. Is there a way to fix this? I have checkt the styles but cannot identify a solution.
Are there other ways to show a orange background button with white text?
Thanks in advance!
Kind regards,
Stijn
Hello Stijn,
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
The problem is that this fusion button loads its own styling and responsive settings. However, the slider is also trying to apply its responsive behavior and stylings on it, resulting in this conflict.
I'd recommend to build your button with LayerSlider instead, so there won't be any interfering. You can use the options located in the Layers -> Styles tab to recreate the fusion button's layout and look.