hide parallax on mobile

joedelv

I have a parallax background image on my home page in section 4, It doesn't display correctly on mobile so I need it to hide and default to white

Thanks
Joe

dominic

Hi joedelv,
You can add the following CSS code to your site:

@media (max-width: 480px) {
#t4-section-5 .bg-overlay-image {
    background-image: none;
}
#t4-section-5 .acym_module_form .acym_form .acyfield_text input {
    border: 1px solid #999;
} 
}

joedelv

Awesome, works great, thank you

one quick question, the back to top button on the home page is transparent, I am using that layout for several other pages like mesa banquet page and contact page and the back to top is perfect, it also looks and works fine in the backend site settings home page, any ideas

Thanks
Joe

dominic

Hi joedelv,
You can use the following CSS code:

.top-away #back-to-top {
    background: #e9ecef;
    border-radius: .5rem;
}

joedelv

Your the best

Thank You