vk2020

2 hours ago, tuanphan said:

Yes. the code will prevent button wrap..so it will make overlap on some places

Which screen sizes do you see problem? I will give another code to fix these buttons

It's only on tablets that I experience this problem.

Thank You

9 hours ago, tuanphan said:

Only specific button, if you want to all button, try this new code

/* Tablet layout */
@media screen and (max-width:1024px) and (min-width:768px) {
.button-block a {
	white-space: nowrap;
}
}

 

Hey Tuanphan

That code works! The only issue is some of the buttons overlap onto each other

3 hours ago, tuanphan said:

You can add this code to Website Tools (under Not Linked) > Custom CSS

/* Tablet layout */
@media screen and (max-width:1024px) and (min-width:768px) {
/* Get in touch today */
.fe-block-9d01720c412e12330905 {
    grid-column-start: 10 !important;
    grid-column-end: 18 !important;
}
}

I see you changed layout on About Us, it looks fine on tablet

Thank you for this! I will give it a try!
Will this fix all the buttons on tablet layout or only that specific button?

15 hours ago, tuanphan said:

#1. You want to increase with to make button text on one line?

#2. About Us on one line?

Learn more button, add a space above it or?

Yes I want to make the text on one line and have more padding like the desktop buttons. 🙂

Please fix tablet layout or at least provide a breakpoint editing option - It's crazy not to have one in 2023 - Every other website creator has a Desktop, Tablet and Mobile Viewport / Breakpoint at minimum.

14 hours ago, tuanphan said:

The solution now is using custom code. If you share link to pages where you have problem, we can give the code

Hey

It's https://8tysix.com.au/home-h2-2023 and Pass is 1010

Literally every other website builder I have used has had a tablet layout / viewport editor.

Some go even as far as Desktop / Laptop / Tablet / Phone / Phone Small Screen

It's extremely disappointing to see that Squarespace doesn't. My website I have been building looks absolutely crap on tablets and Squarespace support have offered basically no support. I always get a stock standard response of "we currently don't support that feature, if you feel comfortable writing code you can use CSS"

What are we paying for?

Hi Guys

I've been Squarespace for my website for 2 years now and I am finding it increasingly challenging as Squarespace is lacking a lot of basic functionality for a website builder in 2023.

Has anyone figured out a way to improve the layout on tablets? As well as the buttons?

Building my website for desktop mode is fine, mobile layout is adjustable but when viewing the website on a tablet it just looks horribly wrong and unprofessional so you have to be careful with what elements you use and how you arrange them.

See images attached.

I have contacted Squarespace support and they have advised they don't provide a tablet layout feature which is concerning and disappointing for such a big brand. The three main mediums for viewing websites are Computer/Laptop, Tablet, Phone.

Due to this it's a little hard to get creative with layouts unless you know a lot of code, but even with code some things don't work well.

Any help will be greatly appreciated.

11 hours ago, Ziggy said:

You can try this Custom CSS, it will apply to all highlights you have on your website:

.TextShape-node {
  font-size:3rem !important;
}

Adjust the 3rem if you want it bigger or smaller.

That worked in a way! Thank you! 🙏

Is there a way to adjust the top and bottom separately to the sides?

This method adjusts every side so the highlight border touches the other letters.

Hey everyone

Just wondering if any knows how to increase the padding around the text so the text is not touching the purple background. Essentially I want to increase the size of the purple background.

This text has been done using the highlight feature

I have tried using CSS and doesn't seem to do much apart from move the text to the right only.

Any help would be greatly appreciated

Thank You

It's so annoying that they have removed the Gallery Block in 7.1

I want to create a Small Square that changes images, I don't want to do a gallery section that spans across the entire screen. Does anyone know if this is possible?

Thank You! You are a legend @tuanphan

That worked! 🙏

Site URL: https://8tysix.com.au/

Hi Guys

I am really hoping someone here can shed some light... I have been trying for days and googling and YouTubing with no luck.

For some reason my button that is in the header/havigation of my page will not match the font of the navigation bar in size or font.

I believe I managed to figure out how to match the font by applying a manual CSS code but the size of the text/font is smaller.

Adding size in the CSS doesn't seem to help.

Any help would be much appreciated! Thank You