bg-image hides on mobile view

[BWinter1]

section-bg member-image

- regardless of what I change in custom css, will not appear below 768px.  Some modules that are duplicated, use the same custom CSS and work fine.  

.bg-image

will not appear on mobile. 

Any suggestions?

Let Column

[BWinter1]

https://www.ameritrusthomemortgage.com/chuck-demarti

https://www.amerifirst.com/cynthia-thomas

The only difference between these two are the headers and footers. 

When I change the footer out it seems to cause the issue. Any ideas on how to fix? 

[webdew]

Hi @BWinter1 ,

You can try two methods  and make changes in main css which ever you have attach here 

Search for bg-image and remove display none from css as shown like below snippet 

.section-bg{

  background-size: cover!important;

  background-position: center center!important;

}

.section-bg .bg-image{

  display:none!important;

}

Or give height something like 300px to image in mobile view 

@media (max-width:767px){

.your-main-class .img{

height:300px!important;

}

}

Hope this helps!

If we were able to answer your query, kindly help the community by marking it as a solution.
Thanks and Regards. 

[BWinter1]

Hi Kevin, 

Here a link to one of the pages with the challenge. 

https://www.amerifirst.com/cynthia-thomas

Thank you for your help!

Bryan

[Kevin-C]

Hey @BWinter1 

if you could post a public link to the page I'm sure we can diagnose rather quickly.