Change style of button style menu item in header

[dirkmol]

Fixed. Thank you!

Open question: We would like to add the word ‘search’ to the magnifier on the right of the header menu. Is this possible?

Cheers,
Dirk

[Kyle – SUPPORT]

Try this:

#main-nav .menu-right ul.menu li .header-search-link-alt .ss-search::after {
  content: "Search";
  font-size: 15px;
  font-style: normal;
  font-weight: normal;
  margin-left: 5px;
}

– Kyle

[dirkmol]

Nope. See attachment.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Yes it should be ” not "

– Kyle

[dirkmol]

Copy/paste beginner mistake 🙁
Nice, thanks.

[Rui Guerreiro – SUPPORT]

Great. Thanks Kyle
-Rui

[bssmithy]

I want to change the menu button styling as well. I inserted the CSS you provided into the Custom CSS area, but it didn’t do anything. Where to I add the !important?

Also, the site I’m working on isn’t live right now, just FYI.

Thanks guys.

[Rui Guerreiro – SUPPORT]

Hi,

Can you take a screenshot of your custom css code?

It there isn’t any syntax error in the css code that we can find and correct by looking at the code, only when you have the site online will it be possible to help you out.

-Rui

[bssmithy]

Hi Rui,

I just copied and pasted the code that Kyle supplied at the beginning of this thread, and then changed the color codes. Apparently that wasn’t right, because it didn’t work.

[Rui Guerreiro – SUPPORT]

Ok. We will need to check it when you have the site online.
let us know when it’s accessible.

-Rui

[bssmithy]

Could I just give you login info for it?

[Rui Guerreiro – SUPPORT]

of course. But you said it wasn’t online.
will need the site url and admin credentials.

Use the private reply.

-Rui

[bssmithy]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

Already adjusted your code. Most of your css didn’t worked because your comments weren’t with the proper syntax.

A css comment should be like this

/*Remove Twitter and Instagram icons in social grid asset:*/

Clear your cache and check how it looked the header button.

-Rui

[bssmithy]

This reply has been marked as private.