Jump to content

Trying to customise my options menu on mobile like my desktop one.

Go to solution Solved by tuanphan,

Recommended Posts

hello there, on my page

canvasandsailloft.ca I have made everything in the bar up top in bold font and would like to do the same for the menu on mobile.

also would like to add this arrow beside the services dropdown menu on mobile just like on desktop.

:after {
  font-family: FontAwesome;
  content: "\f107";
  padding-left: 1px;
}

also in the mobile language dropdown menu is all in color #1935C3 I want to make the background #EFEFFE and the writing this #1935C3.

 

thank you in advance!

Link to comment

Thank you it worked for the Arrow.

The other issue is this.

I used the first code to go with the 2 after it. Together, it looks perfect on desktop but on mobile the ( .language-picker-content ) in mobile language dropdown menu stays blue.

.language-picker-content {     
  background-color: #1935C3!important; 

+

.language-item {     
  color: #EFEFFE !important; 
}

+

.language-item:hover  {color: #1935C3!important; background-color: #EFEFFE!important; transition: 0.2s all 
}

How can I make it work ?

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.