Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Equal Button Width on Mobile View (for Link in Bio)


Question

Site URL: https://www.midnightumbrella.com/links

Howdy, Squarespace friends!

Hope you can help me out...I’m trying to make a ”Link in Bio” page for me to direct my social media accounts to. However, as you can see in the attached image, I can’t seem to get my buttons on mobile view to be of equal width. I've tried a bunch of things, but I'm not having any luck. Any suggestions would be greatly appreciated! 🙌

Also, I’m currently injecting this page header code:

<style>
  #header, footer {
  display: none!important;}
@media only screen and (min-width: 767px){  
.sqs-block-button-element--medium {width: 90%; !important;}
  } 
</style>

Thank you, friends! ❤️ 🙌

Screen Shot 2021-07-24 at 11.56.51 AM.png

Link to comment

3 answers to this question

Recommended Posts

  • 1

Add to Design > Custom CSS

/* Links bio button same width */
@media screen and (max-width:767px) {
div#page-section-60f99c9919ec6730abe0ca1c .button-block a {
    min-width: 200px;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
On 7/25/2021 at 10:03 PM, midnightumbrella said:

Incredible, thank you @tuanphan! You’re a hero! A legend! 🙌

Do you need help with these?

Site URL – https://www.midnightumbrella.com/

1. (All devices – Work) Scroll bar at the bottom of page.

https://www.midnightumbrella.com/work/halftone-visions

midnightumbrella.com-01-min.png

2. (Mobile/Tablet – Work) Page is too long. Add button Back to top?

https://www.midnightumbrella.com/work/halftone-visions

midnightumbrella.com-02-min.png

3. (Mobile – Work) Paginations are too close together.

https://www.midnightumbrella.com/work/tangram-states

midnightumbrella.com-03-min.png

4. (Tablet – Homepage) The width of the text is a bit small.

https://www.midnightumbrella.com/

midnightumbrella.com-04-min.png

5. (Tablet – Work) Increase text width?

https://www.midnightumbrella.com/work/monotype

midnightumbrella.com-05-min.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...