Looking ugly on tablet mode, need help.

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

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

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

On 11/18/2022 at 1:35 PM, Beyondspace said:

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

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

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?

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

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. 

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;
}

46 minutes ago, tuanphan said:

Try adding to Design > Custom CSS
 

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

 

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

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;
}

8 hours ago, Beyondspace said:

You can try

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

 

Hello, it works. Thank you very much