Docs

[Andreas Bjerve]

Hi,

I have a button code in a text element. Like so;

<div class=”x-btn-circle-wrap btn-1 x-btn-regular” style=”display: block;”><a href=”#” class=”x-btn x-btn-regular manual-optin-trigger” data-optin-slug=”txnjbmchj0ostpoy” style=”margin: 0 auto;: table;width: 34%;
“> Tell me more</div>

Is there any way to make my custom “marketing circle” image not to rescale/distort when resizing browser-window?

[Andreas Bjerve]

This reply has been marked as private.

[Andreas Bjerve]

Also: how do I scale the height of a text-element button like this?

Thanks a lot! 😀

[Friech]

Hi There,

Thanks for writing in! I will be honest that this would be tricky since the “marketing circle” is a background image (not so responsive). Even the default “marketing circle” can not be used with a small button.

So I suggest we hide your current button when the page is viewed with mobile, you can do that by adding this classes cs-hide-md cs-hide-sm cs-hide-xs on your text element.

Then lets add another custom button below that text element, this would be the button for mobile view. Maybe you can create a pure image button. Then you can hide this image button from desktop view by adding this classes cs-hide-xl cs-hide-lg

Let us know if you need custom CSS for your custom image button.

Thanks.

[Andreas Bjerve]

Ok, great. Hiding them for mobile-viewers is just as good. Thanks!

[Thai]

If you need anything else please let us know.

[Author]

Posts