Airi Pro Sticky Menu Issues

Please visit https://bahaisofphoenix.org and look at the Sticky Menu as it scrolls. For some reason the Menu expands to the right and gets cut off. Also, how do I center the local contact information for desktop browsers?

Much appreciate,
Nicolas

Hi there,

I’ve visited your site but cannot see the sticky menu on your site.

To centering the contact information, put this code below into Customize > additional CSS:

@media (min-width: 1200px){
  .contact-area.col-md-8{
    margin: auto;
  }
}

Regards,

I had to turn off the sticky menu for demo purposes because of the behavior. However I have turned it back on for you. Also I noticed that the menu is wider than it should be and the red visual element on the side is getting cut and looks strange.

Also, thanks for the code above, it centers the contact area on desktop but not on mobile devices. And is there any way on desktop mode for the address and phone number fields to be on one line instead of split up?

Hi,

Sorry for the delay.
Please try this CSS code to fix the sticky-menu when page srolling:

nav#site-navigation {
    max-width: 1110px !important;
}

And here is to center the contact info in all screen size:

@media (max-width:500px){
  .contact-area {
    padding-left: 55px;
  }
}
@media (max-width: 1024px){
  .contact-area {
    font-size: 16px;
  }
}
@media (min-width:1024px){
  .contact-area{
    flex: 0 0 75% !important;
    margin: auto;
  }
}

Regards,