• Priority: Medium
  • Status: Waiting on customer
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 11.10.21, 10:00
  • Opened by: aPrestaDev

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

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}
}
aPrestaDev 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:

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}
}