How do I make the following link on one page open a modal of another page on that page.

<a class="nav-link-dropdown " href="services.html">Local law 84, 87 &amp; 133</a>

<div class="modal fade" id="rebates" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                          <div class="modal-dialog modal-dialog-centered modal- sm" role="document">
                             <div class="modal-content"><p>this is a modal</p></div>
                              </div>
                          </div>

Thanks @Williamsburg,

I saw that stack overflow post already, but it doesn’t help.
I don’t care so much that the background should be fixed, I just want the images to be visible.

Yup, @Williamsburg, Chrome didn’t work either.

Did you test it on your phone?

@Knaper-Yaden

Thanks for making me aware, I thought it’s common knowledge that the uppermost part of the website is called the hero section.

The name of the div who’s images don’t appear on IOS is .welcome-container.

@Knaper-Yaden @Manual Thanks!

The issue, though is that all the images are looking good on narrow screens, just 2 of the 3 images the hero section animates between don’t appear on IOS devices.

It first had the background-attachement: fixed property that doesn’t work on IOS, I changed it to scroll for screens under 800px, yet it still didin’t help.

I tried testing with browserstack, it worked there, but hasn’t on a real device.

I’m editing the following site for a client,
energyplusny.com

The issue is that though media queries are all good, the hero images on the home page don’t appear on tablets and phones.

It shows a grey area instead. Perhaps images are too large?