I'm trying to make the background of my mobile menu a photo. I've tried the code:
.Mobile-overlay-menu {
background-image: url(https://static1.squarespace.com/static/6449809747dc621a3c0ac369/t/6478d3564221f7411e9cd6f0/1685640022458/pic.jpg);
}
and nothing is changing
I have a section designed on my site that needs a photo to the right of the content, but I want the user to be able to swipe the photo to see a before + after. Is this possible?
This worked! Thank you. Still struggling with the padding on the left and right to adjust. How do I increase more padding? I've tried:
a.btn, input.button {
font-family: 'corporate a pro' !important;
text-transform: capitalize !important;
padding-bottom: 30 !important;
padding-top: 30 !important;
padding-left: 30 !important;
padding-right: 30 !important;
}
and only the top and bottom padding adjust.
I have customized buttons across my entire site to match my branding, but it has not adjusted in the header or in the form button. I have been experimenting with code, but nothing is working. What is the correct code to use here?