Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 24, 2025 at 7:23 am #1489518
    koomo

    Hi,
    Have been on it for hours and can’t reproduce what I have done on another website

    On https://myjapanguide.com/ I would like the “destination” menu to be 750pc and columns 250px each

    Anyone to please give me the right css.

    Thank you

    September 25, 2025 at 6:33 am #1489553
    Ismael

    Hey koomo,

    Thank you for the inquiry.

    Try to add this css code to adjust the width of the mega menu container under the Destinations menu item:

    @media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
  #top #wrap_all #menu-item-35451 .avia_mega_div > .sub-menu {
      width: 750px !important;
  }

  #top #wrap_all #menu-item-35451 .avia_mega_div {
      width: 750px !important;
      overflow: visible;
      max-width: 750px !important;
  }

  #top #wrap_all #menu-item-35451 .avia_mega_div > .sub-menu > li {
      width: 250px;
  }
}

    Screenshot-2025-09-25-at-12-31-46-PM

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.