Menu Items Going off Page

stimulus · 12 Feb

Hey there,

We have menu items that are going off of the page. We used the Mega Menu function to try and fix this on desktop versions, but didn't quite get it to work on the mobile/offcanvas menu. Can you help us fix it? See a screenshot attached.

cssyeah · 13 Feb

Hi @stimulus,
Which menu do I need to click on to see the menu as shown in your attachment?

stimulus · 13 Feb

cssyeah

Sorry about that. Click on "Programs" and then you can click on "Youth Philanthropy"

Thanks

cssyeah · 18 Feb

Hi @stimulus.
I have added the following code to your custom.css file to fix your error and improve the styling of the header elements on mobile screens. Reload your website to view all changes.

.t4-offcanvas .dropdown-item {
  white-space: normal;
}

/* Improve header style on mobile */
@media (max-width: 576px) {
  .header-wrap {
    padding-bottom: 12px;    
  }

  .header-wrap > div:first-child { padding-left: 0; }
  .header-wrap > div:last-child { padding-right: 0;}

  #t4-header .header-wrap > div:first-child img {
    max-height: 56px;
  }
}

Kind regards,

stimulus · 19 Feb

cssyeah

Wonderful! Thank you for your help!

Support Central