How do I get my button to wrap around an image like the text

Support
#1

Hello,

At the bottom of my site kitaratunnitturku.com I have a button leading to the contact page. Right now with high resolution there is a large gap between the last of the text and the button.

There are 3 options I want to consider:

  1. Make the button responsive like text so that it shrinks in width so that if need be it goes right underneath the last text.

  2. Make it be right below the last line of text at its current width, covering some of the image.

  3. Make it move with the page such that it by default is at its current width right below the text, covering some of the image and scrolls down until it gets to the current position.

Can you help implementing these? I don’t know which one would look best.

Thank you! :slight_smile:

#2

Hello Jere,

Thanks for writing in!

Do you want something like this?

If that is the case, in your button settings, make sure that the Flex Layout is set to Column and also it is important that you set a maximum width to at least 480 pixels or less. The width must be set to just auto.

We would love to know if this has worked for you. Thank you.

#3

There is no “Content flex layout” area for me to see and choose from when editing the button settings.

#4

I figured out one way to do what I want with CSS, but I cannot find the right CSS code selector to target that specific button.

#5

Hello Jere,

Kindly turn on your Advanced Mode option so that you will see the settings that RueNel gave. Please click on the cog icon on the settings area then enable the Advanced Mode option.

#6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.