How to remove the dash line next to submenu?

  • Author
    Posts
  • #3419019

    Hi everyone,

    I’m using Maywood theme and there’s a dash line showing next to the sub-menu. How can I remove it using CSS? For both the web and mobile version?

    My website: https://havelockbakery.com/

    Thank you in advanced!

    The blog I need help with is havelockbakery.com.

    #3419641

    kokkieh
    Staff

    Hi there,

    Are you speaking of the drop-down menus under My Account and Account Details at the top of the page? I don’t see any dashes there.

    If it’s something else, can you please point me to exactly where it is on your site?

    Also note your Business Plan gives you access to 24/7 live chat support with questions like these, so you don’t need to post in the public support forums for help where you aren’t guaranteed a staff response. You can reach live chat by clicking the help icon bottom-right on all the My Site pages.

    #3420389

    Hi there!

    Thank you for the reply! Noted about the 24/7 live chat support!

    The dashes I’m referring to are:

    Next to Basket and Checkout under My Account

    Next to Logout and Lost Password under Account Details

    I realised the dashes are not showing in Firefox, but it’s showing on Chrome and Safari.

    May I know how can I rectify this please, using CSS?

    Thank you in advance for your help.

    #3420629

    I wasn’t able to figure this out. I do see the dashes as described. We have a team of CSS experts that are going to take a look at the possibilities though. We will pass along an update here.

    #3420636

    senff
    Staff

    Hey @havelockbakery ,

    You can remove these dashes by adding the following CSS code:

    /* --- Remove dashes from submenu (mS) --- */
    	.main-navigation .sub-menu .menu-item a::before {
    		display: none;
    	}
    /* --- End (mS) --- */

    Hope this helps!

    #3421023

    Thank you so much! It works!

You must be logged in to reply to this topic.