Remove Line From Image Menù - Question | JoomShaper

Remove Line From Image Menù

PL

pellegrino lippiello

Template 3 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

0
6 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #1277

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.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #689

Hi there!

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

Best Regards

0
PL
pellegrino lippiello
Accepted Answer
3 years ago #692

Hi,

you may check it here: http://www.asdiamocilazampa.it/000asd/

0
PL
pellegrino lippiello
Accepted Answer
3 years ago #1276

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?

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #1280

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

0
PL
pellegrino lippiello
Accepted Answer
3 years ago #1281

Many thanks I Solved!

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

Best

0