Relume
Log in

Community forum for knowledge and support

Updated 10 months ago

Optimizing hero section buttons for mobile responsiveness

At a glance

The community member asked how to make the hero section buttons go to full width on mobile, and wanted to achieve the same result as the Relume's site. Another community member suggested that the community member should set the width to 100% on mobile and adjust the containing div's flex settings. The community member then replied that they found the solution - the Relume's site had a button wrapper with 100% width, and in their own page, they set the buttons' width to 100% which worked. The original community member thanked the other for the help.

JJean-Charles Wyss
·

Hi,
How do you make the hero section buttons go to full width on mobile? I'd like to get the same result as this Relume's site (attached screenshot)
Thanks!
Jean-Charles

E
J
3 comments
EEmily Marais

Assuming you have set the width to 100% on mobile, you will probably need to change something in the containing div's flex settings. If you send a read-only link I could take a look

JJean-Charles Wyss

Thank you so much! In the relume's site the button width is not set to 100% so I was not looking in this direction... but actually there's a button wrapper with 100% width.

In my page, which I imported for the site builder, buttons have no wrapper so I set the buttons' width to 100% and it worked.

Thanks again!

EEmily Marais

Nice one! Glad i could help 😊

Add a reply
Sign up and join the conversation on Slack