Jump to content

BUTTONS DO NOT LIE ON THE SAME LINE WHEN USING MOBILE MODE

Go to solution Solved by Web_Solutions,

Recommended Posts

  • Replies 2
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution
12 hours ago, bb-vc said:

Hi, I created three buttons using code blocks and they are on the same line when using desktop mode.

des.thumb.png.4a48be19a106fcd5ae19d1a94e794f7b.png

However, they don't appear the same on mobile view.image.png.5a6af6213aa079d92aa5efbcac891d3b.png

How I can solve this problem? Thank you!

Link to website: https://herring-mackerel-ew27.squarespace.com/ PW: bb2024

Add these code on Custom CSS panel in Website Utilities Website Tools > Custom CSS.

.fe-block-yui_3_17_2_1_1702672041187_25641 .tabs-containerb {
    display: flex !important;
    align-items: center !important;
}

.fe-block-yui_3_17_2_1_1702672041187_25641 .tabs-containerb button {
    left: 0 !important;
    top: 0 !important;
    width: auto !important;
}

 

Screenshot_533.png

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Link to comment
9 hours ago, Web_Solutions said:

Add these code on Custom CSS panel in Website Utilities Website Tools > Custom CSS.

.fe-block-yui_3_17_2_1_1702672041187_25641 .tabs-containerb {
    display: flex !important;
    align-items: center !important;
}

.fe-block-yui_3_17_2_1_1702672041187_25641 .tabs-containerb button {
    left: 0 !important;
    top: 0 !important;
    width: auto !important;
}

 

Screenshot_533.png

It worked perfectly. Thank you!

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...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.