• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Marek
  • Private: No
  • Open Date: 19.07.18, 19:48
  • Opened by: Rizak
  • Closed by: Marek
  • Closed on: 01.08.18, 17:57
  • Reason: Closed
  • Comment: Glad to help!

Ticket #12580 - Alysum menu

Hi Marek,

I have a trouble with menu layout on different screen resolutions.
Please check attached file.
I use html block and add some “display:inline-block” in the code, the menu result is not responsive.

Would you help?

Comments

Marek 20 Jul 2018, 18:32

Try this:

@media (max-width:1366px) and (min-width:1024px){
.pk-menu-row:nth-child(3) {clear:left}
}
Rizak 31 Jul 2018, 01:55

Hi Marek,

Sorry for delay
It doesn’t work, please check attached file

Marek 31 Jul 2018, 14:26

try this:

@media (max-width:769px){
#top-menu li:first-child .pk-menu-col:first-child .html-block {display: flex;flex-direction: column;}
}
Rizak 01 Aug 2018, 17:31

Perfect!

Thank you Marek.