Return to previous page

Hide menu item text - by d4r1uzzo - on WordPress WooCommerce support

This topic has 8 replies, 2 voices, and was last updated 5 years, 1 months ago ago by Rose Tyler

d4r1uzzo

Participant

March 1, 2019 at 11:02

Hi, I added an image to the menu item “CooKit” and I would like to have only displayed the one by hiding the text from the item but I failed by the settings.

http://prnt.sc/mrr174
http://prnt.sc/mrr3gg
http://prnt.sc/mrr3or

How should i do?

Regards,
Dario

#210216 Copied Theme version: 5.1.6.1 WooCommerce version: 3.5.5

7 Answers
Rose Tyler

Support staff

March 1, 2019 at 11:09
Hello,

This problem will be fixed in the next theme update.
As a temporary solution, add this code:
```
.menu-item-11501 a {
    font-size: 0px !important;
}
```
delete the code after the update.

Regards
#210217 Copied
d4r1uzzo

Participant

March 1, 2019 at 11:19

Hi I managed to solve without code, maybe I had a cache problem.

Instead, is it possible to display the text instead of the image in the fixed header?

http://prnt.sc/mrrboo

is it possible to remove the hover effect only in the entry “CooKit”?

http://prnt.sc/mrrct1

Greetings,
Dario

#210218 Copied
Rose Tyler

Support staff

March 1, 2019 at 11:36
```
.fixed-header .menu-wrapper .menu-disable_titles .type-img img {
    display: none;
}
.fixed-header .menu-wrapper .menu li.menu-disable_titles > a {
    font-size:  16px !important;
}
.fixed-header .menu-wrapper .menu > .menu-disable_titles > a:after {
    top: 12px;
    left:  0 !important;
    right:  0px !important;
    background-color: white !important;
}
.menu-wrapper .menu > .menu-disable_titles > a:after  {
    background-color: transparent !important;
}
```
Regards
#210219 Copied
d4r1uzzo

Participant

March 1, 2019 at 13:05

Thanks a lot,

is it also possible in the fixed header instead of the text (hiding it) to call another image (link in the private area)?

http://prnt.sc/mrswt7

Greetings,
Dario

Please contact administrator
for this information.

#210228 Copied
Rose Tyler

Support staff

March 1, 2019 at 13:29
Change the previous code http://prntscr.com/mrtak6 to:
```
.fixed-header .menu-wrapper .menu > .menu-disable_titles > a:before {
    content:url('https://www.sa.....a.com/sa......lia/wp-content/uploads/2019/03/logo-cookit-negativo.png');
}
.fixed-header .menu-wrapper .menu-disable_titles .type-img img {
    display: none;
}
.menu-wrapper .menu > .menu-disable_titles > a:after  {
    background-color: transparent !important;
}
```
Regards
#210237 Copied
d4r1uzzo

Participant

March 27, 2019 at 13:39

Perfect thanks!

Dario

#211531 Copied

Rose Tyler

Support staff

March 27, 2019 at 13:45

You’re welcome!

Regards

#211534 Copied
Viewing 8 results - 1 through 8 (of 8 total)