I just updated website to Joomla 5 and am having a weird layout issue I can't figure out.

  1. The main menu breaks as you widen the browser window as you can see in the screenshots. The logo moves and the menu stacks, but on smaller screens it aligns correctly. Also the headers change size.

I've spent some time trying to figure out the issue and cannot but nothing changed since the upgrade in terms of the code (other than what I played with to try and get it working, which I reverted since it didn't work).

Hoping for some help to fix this as I can't figure out what went wrong!

Hi @kraymitchell1979,
I added the following CSS rules to the Edit Custom CSS modal on your website to fix the broken menu issue and improve the font size of the Hero title. Please reload your website to see the changes.

@media (min-width: 992px) {
  .acm-hero.style-2 .features-desc .main-heading {
    font-size: 3.5rem;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl .navbar-nav {
    flex-wrap: nowrap;
  }

  .acm-hero.style-2 .features-desc .main-heading {
    font-size: 4.8rem;
  }
}

Kind regards,

    Write a Reply...
    You need to Login to view replies.