Jump to content

Mobile text crop in header menu

By KJSver, in Fonts, colors and images

Go to solution Solved by Mdhanjal,

Recommended Posts

KJSver Level 2

KJSver

Posted
Posted

 

Hi everyone,

The options of my mobile header menu exceed the page width, so I need to customise the text to either be a smaller font (only for the mobile menu) or use code to crop the text to the mobile screen width.

 

How should I best fix this issue?  Thanks in adevance for any help on this issue!

Schermafbeelding 2023-02-26 065433.png

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Mdhanjal
Mdhanjal

past this code in custom css box .header-menu-nav-item a { font-size: 6.5vmin; }  

Posted Images

  • Solution
Mdhanjal Level 5

Mdhanjal

Posted
  • Solution
Posted 
past this code in custom css box

.header-menu-nav-item a {
    font-size: 6.5vmin;
}

 

Hi, I'm BITTU. A website developer with 8 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com Best Hourly Rate :- $15 Per Hour

Link to comment

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing
×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources