Content area modal is out of alignment on Mobile

[KimAnn]

Hello-

ON MOBILE If you go here:
http://devv.rayrolando.com/experience-the-journey/

Scroll down to the 2 boxes titled “The LIghthouse” and “The Elevation Channel”…if you click on either button that says “what’s included” on mobile you will see the modal is off center:

Can you please assist in getting this centered on the screen? Looks good on tablet and desktop.

Thank you,
Kim

[jade]

Hello Kim,

Please add this code in the Element CSS of the Content Modal element:

@media(max-width: 480px) {
  $el.x-modal .x-modal-content-inner {
    padding: 20px !important;
  }
}

Element CSS | Themeco Docs

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps.

[KimAnn]

Thanks so much worked perfect

[friech]

You’re more than welcome, glad we could help.

Cheers!