Tagged: colour sections, mobile, responsive
Hi,
We’ve got a design that looks great on desktop.. for the welcome screen of the site.
However when it goes to mobile,
the background graphic isn’t visible at all,.
and the logo looks super small
Is there a best practice way to fix this?
almost like doing a heading section that shows on desktop
and another for mobile?
Even if so..
I couldn’t see how to make the mobile background look better.
Any suggestions appreciated
loving enfold.. and can’t wait to see what. you add next..
Hey psipi,
Thank you for the inquiry.
You can actually hide the section on mobile view and display another section with a background image that is actually resized for smaller screens. To do that, edit the current color section, go to the Advanced > Responsive Settings panel and toggle the appropriate check boxes. You would want this section to be displayed on desktop view or larger screens only. You can then add the other section, apply the background image, insert a larger logo and have it display on mobile view only.
Best regards,
Ismael