Remove line from image menù - Forum | JoomShaper
Solved Templates

Remove line from image menù

Asked by pellegrino lippiello 5 years ago Last activity 5 years ago

Hi,

I have added an image in the menu, but when I go over with the mouse, i see che line like the other menu items. How may I hide it only for that item?

Best

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff

Ciao,

that line is from menu styles, and you put your logo as menu item - that's why.
Use this custom CSS to fix it.

.sp-megamenu-parent > li.logo > a::before 
{background: none !important; }

Template Options > Custom Code > Custom CSS

BTW

Nice dogs on the website. I have two dogs as well.

5 more replies

Rashida Rahman Staff

Hi there!

Would you please give me your site URL to check the issue?

Best Regards

pellegrino lippiello Asked this

Hi,

I have also tried using the custom CSS to edit the item (changing the background), but the line when you go over, is still there.

.sp-menu-item.logo {
background-color: #000;
}

how can be solved?

Rashida Rahman Staff

Hi there!

You can use the following code to your custom CSS:

.sp-megamenu-parent .sp-menu-item.logo a:before {
    background: none!important;
}

Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.

https://prnt.sc/pu705g

https://prnt.sc/pu70zn

Best Regards

pellegrino lippiello Asked this

Many thanks I Solved!

If you came in Italy, you will have a free lession!

Best

Log in to reply.