Jump to content

Style Mobile Navigation

Recommended Posts

  • Replies 5
  • Views 288
  • Created
  • Last Reply

Top Posters In This Topic

17 hours ago, sergio1967 said:

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

Hello,

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

Sergio

https://owl-crow-ll8j.squarespace.com/config/settings/domains

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 picker form field)
💫 Gallery block 7.1 workaround
🥳 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

Sergio

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

The Webadress:

https://www.ra-valasakis.de/

PW:

Valasakis

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

Contact Customer Care - Learn CSS - Buy me a coffee (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.