• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Marek
  • Private: No
  • Open Date: 27.04.19, 20:18
  • Opened by: Emilio
  • Closed by: Marek
  • Closed on: 13.06.19, 21:58
  • Reason: Closed
  • Comment: Glad to help!

Ticket #14355 - Overlapping menu elements

I just added a new element to the web menu and the elements overlap with the search bar. What can I do to prevent this from happening?

Thanks

Comments

Marek 27 Apr 2019, 23:18

Hi, Emilio.
I just reduced menu item space https://take.ms/Y6SVo

Emilio 28 Apr 2019, 00:36

How can I do that?

Marek 29 Apr 2019, 12:34

I already did it. You can find a fix in the Theme Settings → Customer CSS

Tim Bugg 29 Apr 2019, 17:45

how did you reduce menu item space please

Marek 29 Apr 2019, 17:48 
@media (min-width:1024px) {
  #header .pk-menu-horizontal li.level-1 > a {padding: 15px 10px}
}
Emilio 30 Apr 2019, 10:55

I dont see any changes in the menu.
On small screens the menu bar overlays with the menu items

Marek 30 Apr 2019, 10:56

Don’t forget about browser’s cache, Try to check it out in Incognito mode

Emilio 30 Apr 2019, 11:20

I cleaned cache and opened in incognit mode

Marek 30 Apr 2019, 11:35

and…

Emilio 30 Apr 2019, 11:37

I did it before i wrote you the first message

Marek 30 Apr 2019, 12:45

But I see it works https://take.ms/C2eKi

Emilio 30 Apr 2019, 12:48

This is how it works in a smaller resolution. it is not responsive

Marek 30 Apr 2019, 12:53

I just changed min width parameter https://take.ms/2LVQI