Hi guys!
Love the theme! I’m having a problem with the page background. I’ve inserted a Gradient image file for my page background and all looks really well on the PC, But when you go to the mobile version the image is way too short when you scroll down. I’ve disabled the Responsive Layout but image then repeats twice.
So my Question is, Is there some way i can either:
Get the text to move when i scroll down but the image stays put?
Or is there a way to get the image to resize to the size of the screen?
Or is there a way i can have the page background color to a Gradient Color?
Hi Sean
Thanks for reaching out. Can you perhaps give us access to the site so we can take a look? If you need to keep it locked then please send details through to [email protected], please send everything in a single mail from yourself with a link back to this thread.
Thanks
Hi,
Sorry i’ve made site accessible now.
Thanks
Hi any update please???
Thanks for the wait. Please try the following under Appearance > Custom CSS:
/* Site Body */ #main { background-position: center bottom; }No taht didn’t wrong it’s still the same on mobile device.
if there is a way to stop the backgroung image from going to tiled mode on small devices is there a way i can have the page background color to a Gradient Color?
Please also add the following CSS and see how that looks on mobile:
@media (max-width: 680px) { #main { background-repeat: no-repeat; } }i don’t think that did anything, still looks the same
It worked!!! I re-enabled Responsive Layout and it worked. it’s still tiled when Responsive Layout is disabled but it i’m happy it’s working with Responsive Layout enabled. Thank you for your help
Super, glad that did the trick. Thanks for the update.
What I did was say, no-repeat, but only when the screen size is 680px, which is mobile. If you wanted to add the no-repeat for all instances you’d remove that wrapping query and just say:
#main { background-repeat: no-repeat; }