Main menu: text only

  • Hello Anders, thank you very much for your work.

    I would like to override the circular icons from the secondary menu and replace them with text, like in the main and footer ones.

    I found this section on style.css:
    /* Social Icons —————————— */

    But I’m not sure how to change it.

    Thanks in advance.

    R.

Viewing 1 replies (of 1 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @rlvrlvrlvr,

    Thanks, glad you like it! It’s possible, but pretty complicated, since the text in those social icons use the screen-reader-text CSS class – it’s quite a lot of CSS to overwrite to make them visible. The CSS below should get you started.

    Go to Appearance → Customize → Additional CSS (the menu labels might be different in your language) and add the code below:

    .social-menu .screen-reader-text {

    position: static !important;
    clip: auto;
    width: auto;
    height: auto;
    clip-path: none;`
    }

    .social-menu a { width: auto; }`

    — Anders`

Viewing 1 replies (of 1 total)
  • The topic ‘Main menu: text only’ is closed to new replies.