• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 11.10.21, 10:00
  • Opened by: Anonym06
  • Closed by: Anonymous Submitter
  • Closed on:
  • Reason: Not a bug

Ticket #22405 - Responsiv on menu

with a certain screen size, the menu doesn’t work very well anymore. the menu overflows and a horizontal scroll bar appears. the menu is no longer centered or hidden.
and the content inside is overlapping

Attachments:

responsivmenu.png (204.5 KiB)
Capture d’écran 2021-10-10 11... (140.4 KiB)

Comments

Fred 11 Oct 2021, 11:17

Try following CSS fix

.pk-sub-menu .pts-container-wrap .col-lg-2 {min-width:300px}
@media(max-width:1280px) {
.pk-menu-horizontal li.level-1 {margin:0}
}
Anonym06 11 Oct 2021, 11:23

the problem of the fonts has been solved but I still have the problem of the menu overflow which makes appear a horizontal scroll bar

Attachments:

bgresponsivvv.png (1.13 MiB)
Fred 12 Oct 2021, 13:40

try adjust menu items padding using this CSS

@media (min-width: 1280px) {
body .pk-menu-horizontal li.level-1>a {padding: 10px 30px}
}