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

Scaling Navigation text on mobile and tablet

Recommended Posts

Hi, 

I'm having trouble scaling the text size for: header branding font and navigation font on mobile and tablet view.

If anyone knows the CSS code for this that would be appreciated! 

Many thanks!

Share this post


Link to post

@embroom You should share site url or template name. Each template will have different CSS.

If you found css for desktop, you can use media query for mobile & table

@media screen and (max-width:990px) {
/* for tablet - mobile */
Paste your CSS here
}

 

Share this post


Link to post

Sorry, i'm quite new to this CSS thing.. 

Where to I find the css to insert for:

- Header Branding

- Navigation

- Buttons

- Social Links 

These are all requiring scaling for the mobile / tablet view. 

 

many thanks!

Share this post


Link to post

Can you try to point me in the right direction please? 

Does it have anything to do with right clicking 'inspect'?

Share this post


Link to post

@embroom You need to know HTML/CSS to use inspect element. If you don't know, you can still use Inspect, but in most cases you won't be able to use the right code.

I wrote some custom code for 85+ Templates on Squarespace, You can read.

You should share site url to community help.

Share this post


Link to post

The link you sent was very helpful. Thank you!

I am just missing the css for the social links. Any suggested code?

 

This is all I have:

 

@media screen and (max-width:990px) {
Missing CSS
}
}

 

Share this post


Link to post

Hi @tuanphan I'm hoping you can help me? I have the Basil template. On our "Team" page I have each photo set as a code block with a button below that opens a bio about each person. However, on mobile when the bio lightbox opens it is too big and the only way to exit is to go landscape and close it. Anything I can do with CSS to fix the mobile size of the lightbox? I can send you the code I used if you need me to.

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...