Jump to content

Style Mobile Navigation

Recommended Posts

  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

17 hours ago, sergio1967 said:

Site URL: http://www.ra-valasakis.de.com


i would like to style the mobile navigation of my page.

As you see on the Screenshot - I'd like to put the "EN" word (english) on a blue button.

Is there any CSS Code to du this?

Thank you very much in Advance for your help



Bildschirmfoto 2021-12-29 um 18.30.30.png

You can not rename the navigator name, can you? Or is there any special thing here, can you describe more detail?

Your site it private now, kindly give it a protected password so we can take a look

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!


Link to comment

Hi bangank36

Here more Information - and sorry about my baaaad English :-)))


I would like to style the mobile navigation of my page.

As you see on the Screenshot - I'd like to put the "EN" and "GR" navigation item in the mobile navigation dropdown menu on a blue button. Is there any CSS Code to do this?

With this CSS Code works very good on the desktop version:

#header .header-nav-wrapper .header-nav-item:nth-child(7) a{color:#ffffff; background-color:#002060;

padding-left: 1.5vw;

padding-right: 1.5vw;



Of course I could invite you to be editor of the Homepage... Can you send me your email adress?


Thanks a lot


Link to comment
On 12/31/2021 at 7:03 PM, sergio1967 said:

The Webadress:




Use this code for mobile

[data-folder="root"]>div>div:nth-child(7) a, [data-folder="root"]>div>div:nth-child(8) a {
    color: #fff !important;
    background-color: #002060;
    display: inline-block;
    padding: 2.5vw;


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

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.