Jump to content

Looking ugly on tablet mode, need help.

Recommended Posts

  • Replies 10
  • Created
  • Last Reply

Top Posters In This Topic

On 11/16/2022 at 4:53 AM, andiaibm said:

Hello,

I need help with my website. I notice on the tablet mode, my primary navigation is messy (too big) and all contents seem squeezed in center. Any solution about this ? Any helps are very much appreciated. Thank you

Screenshot 2022-11-15 214940.jpg

Can you share your site with the protected password so I can take a look?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
On 11/21/2022 at 10:47 PM, andiaibm said:

Hi 
Thank you for your response, I didn't get a notification apologise for delay response.

Here is my website :

https://blackbird-sponge-ggxy.squarespace.com/

Pass TOW2022

Thank you

#1. Nav

Add to Design > Custom CSS

@media screen and (max-width:900px) and (min-width:641px) {
.Header-nav-inner a {
    font-size: 18px !important;
}
}

#2. Which page are you referring to?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
4 hours ago, tuanphan said:

#1. Nav

Add to Design > Custom CSS

@media screen and (max-width:900px) and (min-width:641px) {
.Header-nav-inner a {
    font-size: 18px !important;
}
}

#2. Which page are you referring to?

Hi Tuan, thank you the code works perfectly. There are few other things that I couldn't find the solution.

- At Info > Future Dates, I found the image isn't centered (image 1)

- At Info > Visa Request, when I fill the form the font is different and the font size is too small (image 2). The font I use is in (Image 3). 

- At Contact, how to make the logos/images smaller in any display ?

 

Thank you, very much appreciate your help.

1.jpg

2.jpg

3.jpg

4.jpg

Link to comment

#1. - At Info > Future Dates, I found the image isn't centered (image 1)

Try adding a Spacer Block on right of image & adjust image sizes again

#2. - At Info > Visa Request, when I fill the form the font is different and the font size is too small (image 2). The font I use is in (Image 3). 

Font of label, caption, title or font of text when you type?

#3. At Contact, how to make the logos/images smaller in any display ?

Have you tried adding 2 spacer blocks on left/right?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
23 minutes ago, tuanphan said:

#1. - At Info > Future Dates, I found the image isn't centered (image 1)

Try adding a Spacer Block on right of image & adjust image sizes again

#2. - At Info > Visa Request, when I fill the form the font is different and the font size is too small (image 2). The font I use is in (Image 3). 

Font of label, caption, title or font of text when you type?

#3. At Contact, how to make the logos/images smaller in any display ?

Have you tried adding 2 spacer blocks on left/right?

Thank you, #1 and #3 are solved. 

#2. font of text when I type. 

Link to comment
On 11/25/2022 at 4:44 PM, andiaibm said:

Thank you, #1 and #3 are solved. 

#2. font of text when I type. 

Try adding to Design > Custom CSS
 

div#block-07ed0fabcb1face9574c input {
    font-size: 30px !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
14 hours ago, andiaibm said:

Hi thank you, it works. However can I also change the font name ? just to match with the label caption and title. Thank you

You can try

#block-07ed0fabcb1face9574c .title, #block-07ed0fabcb1face9574c .caption-text {
  font-family: arial;
}

 

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. 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.