Archived topic

Hide Icon Created by slideout-toggle class in Top Bar Widget

5 replies · Started by Michael on February 10, 2021

Viewing posts 1–6 of 6

February 10, 2021 at 10:14 am #1653446

I haven't been able to figure out how to hide the small empty icon that displays in front of a link when you assign the slideout-toggle class to it in the menu placed in the Top Bar widget. I think this is close but I can't seem to nail it down.

nav#menu-top-navigation .slideout-toggle:not(.has-svg-icon) a:before {
    display: none;
}

Link to the site in the private info window.

Thanks much.

February 10, 2021 at 2:02 pm #1653660

Hi there,

try this CSS:

.top-bar .widget_nav_menu li.slideout-toggle a:before {
  display: none;
}

February 10, 2021 at 4:25 pm #1653733

Thanks David. I placed your code in the Additional CSS area but no joy. I've looked so much at this I'm just not sure where I'm going awry. Thanks for your help.

February 10, 2021 at 11:06 pm #1653914

Hi there,

I've checked your site and you have syntax problems with your CSS added within Appearance > Customize > Additional CSS.

You have this line:

/* WP Show Posts Hover */
.wp-show-posts-entry-title a:hover {
	text-decoration:underline
} */

There's a stray */ that's causing the issue. Also make sure to always add ; on every property value as good practice. Example: text-decoration:underline;

February 11, 2021 at 5:20 am #1654255

Geez. Thanks for saving my sanity. That worked. Appreciate the help David & Elvin.

February 11, 2021 at 7:00 pm #1655202

No problem. Glad it finally works for you. :D

This archived topic is closed to new replies.

Start building better websites today.