Using CSS Snippets to Modify Left Hand Navigation Menu Items in GoHighLevel Software

By | July 4, 2023

Hi Team,
I am using CSS snippets to change the menu items in the left hand nav of the dashboard.

This has worked:

#sidebar-v2 a[meta=”sites”] span {
display: none;
}
#sidebar-v2 a[meta=”sites”]:after {
content: “Funnels & Sites”;
}

Yet, this has not:
#sidebar-v2 a[meta=”marketing”] span {

display: none;
}
#sidebar-v2 a[meta=”marketing”]:after {
content: “Email & Socials”;
}
Any idea why the second snippet isn't working? I have tried position in the CSS section of the agency settings, as well as the !important tag.

Any help gratefully received.



In a Facebook group called “GHL Experts,” a user has sought assistance regarding CSS snippets to modify the menu items in the left-hand navigation of the GoHighLevel (GHL) CRM software dashboard. The user shared two snippets, one of which successfully changed the desired menu item, while the second snippet failed to produce the desired outcome.

The first CSS snippet that worked as intended was:

“`
#sidebar-v2 a[meta=”sites”] span {display: none;}
#sidebar-v2 a[meta=”sites”]:after {content: “Funnels & Sites”;}
“`

On the other hand, the second snippet that did not work as expected was:

“`
#sidebar-v2 a[meta=”marketing”] span {display: none;}
#sidebar-v2 a[meta=”marketing”]:after {content: “Email & Socials”;}
“`

The user mentioned attempting different approaches like adjusting the position in the CSS section of the agency settings and using the “!important” tag, but none of those attempts yielded the desired result.

If you are seeking a solution to this issue, I encourage you to read the comments below this article or visit the source link provided to explore any responses or updates on this matter.


Source

One thought on “Using CSS Snippets to Modify Left Hand Navigation Menu Items in GoHighLevel Software

Comments are closed.