We offer professional Design/Code Customisation and Website Optimisation Service Request Customisation
  • Status: Closed
  • Closed by: Marek (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?

1.PNG (1.2 MiB)

This ticket does not depend on any other tickets.

Marek (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 (vatna) 31 Jul 2018, 01:55

Hi Marek,

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

2.PNG (1.9 MiB)
Marek (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 (vatna) 01 Aug 2018, 17:31

Perfect!

Thank you Marek.

Loading...