Hi. I have started to use the Generate theme here: http://www.nickellison.net
As you can see I’ve changed the background of the generate box image. this is obviously one large image apposed to the generatebox-bg.png image that repeats.
My question is, is there anyway to make this image mobile responsive?
If not, is there a way I can have this image work on desktop/laptop, then revert back to a different mobile responsive image like the original when opened on mobile.
Any help appreciated. If it requires coding could you spoon feed it please!
Hi. When you say ‘different background for each of the responsive sections’ what do you mean? Where are these different sections found? I just replaced generatebox-bg.png image.
And where would I add “background-size: contain;” somewhere in the style.css file?
You’d add the background-size property to the rule you are trying to edit. The rule you applied the background image to.
To add a different background you would need to add the same rule to each of the responsive sections at the bottom of the style sheet but with different backgrounds.
I just played around with the css file (bit of hit and hope) but it has resized, unfortunately like you said though doesn’t give the desired result. In the first scenario, is there a way to change the image that shows up on mobile instead of pulling in the main header image?
Thanks for the info. It’s over my head unfortunately but I’ll pass it on to my man who can, it will make more sense to him Much appreciated.
The topic ‘Generate Theme 'Generate Box' customization’ is closed to new replies.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.