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, 11 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)