• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 28.09.22, 14:46
  • Opened by: Sylvain Duval
  • Closed by: Anonymous Submitter
  • Closed on:
  • Reason: Not a bug

Ticket #23786 - Sub menu : double arrow-down displaying

Hello,

On the website beta.labruleriedesalpes.fr , my menu displays a double svig si-arrowdown icon, the first one leading nowhere and the second one displaying the submenu.

Could you make the first link disappear ?

Regards,
Nathalie

Attachments:

Capture d’écran 2022-09-28 à ... (566.2 KiB)

Comments

Fred 28 Sep 2022, 20:55

Try following CSS:

@media (min-width: 768px) {
  #top-menu > li > a > span > svg {display:none}
}
Sylvain Duval 29 Sep 2022, 12:27

It is still displaying

Fred 29 Sep 2022, 18:33

it works for me https://take.ms/8Rynx

Don’t forget about browser’s cache when you change CSS

Sylvain Duval 30 Sep 2022, 13:49

Is there a way that Safari would not be good and your navigator would work fine ?
I cleared my cache (navigator and Prestashop) there is still 2 arrows. I asked my colleague to try with his phone (iPhone) and it is the same…

Fred 30 Sep 2022, 18:05

No, Safari is a good browser. I’m using it over 10 year. But the test I make was in Chrome.
As for the fix, I make it for tablets only, as was shown on your screenshot.
If you want to apply it for all screens use the following code instead of previous one

#top-menu > li > a > span:not(.pk-collapse-icons) > svg {display:none}
Sylvain Duval 05 Oct 2022, 11:09

Hi,

it works now, icon isn’t displaying anymore.
But the # link is still active on “La Boutique” : I’d like this text to be unclickable. Is it possible ?

Fred 05 Oct 2022, 17:27

try this

.pk-menu-horizontal #top-menu .level-1 > a {pointer-events:none}
Sylvain Duval 06 Oct 2022, 09:48

Hi,

It doesn’t work : with this code, click on menu doen’t work anymore so user can’t navigate

Fred 06 Oct 2022, 17:37

sorry, my bad.
Try this 

.pk-menu-horizontal ul li ul li.item-header a {pointer-events:none}
Sylvain Duval 07 Oct 2022, 08:40

It seems to work, but is there a way to make the click on “La boutique” to open the sub menu (same as the click on arrow down icon)

Fred 07 Oct 2022, 20:39

there is no such option. it requires additional development to add it

Sylvain Duval 10 Oct 2022, 08:58

Ok thanks.
Regards

Fred 10 Oct 2022, 22:21

You are welcome