Support » Theme: Twenty Twenty » Menu icons not showing in child theme

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi there! The problem here is your SVG — its artboard is too large for the small icon inside of it. Since that’s the case, when the SVG is scaled down to fit the small space available for the menu item, the icon becomes too small to see.

    To get this to work, you’ll want to crop the artboard down to the size of the icon itself, and then re-export your SVG.

    Once that’s all set, you’ll likely want to modify the CSS to include background size and padding values:

    
    .searchicon{
       background-image: url(‘https://mozolewska.pl/kdk/wp-content/uploads/2020/12/SZUKAJ-04.svg’);
       background-repeat: no-repeat;
       background-position: left;
       background-size: 1em;
       padding-left: 1.25em;
    }
    

    (You can adjust the background size and padding to your liking)

    Thread Starter kasiaw

    (@kasiaw)

    You saved my life! Thank you very much! Problem solved.

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.