This topic has 3 replies, 2 voices, and was last updated 3 years ago by Hans (Support Admin).

Mobile responsive welcome banner

CMurrin May 1, 2018 at 12:42 pm

Hey,

Do you have any custom CSS that will change the way the welcome banner background picture behaves on a mobile phone? I want it to not be so big as it takes up the whole of a mobile screen when you log on to my home page. Please check out http://www.sixstringfingerpicking.com on an iPhone 6 or similar to see what I mean.

Many thanks,
Chris

Hans (Support Admin) May 2, 2018 at 5:49 am

Hello Chris,

That’s just due to the amount of content and padding you have in the Welcome section.

If you want to edit the CSS for the welcome section you can use the .hero CSS selector to target specific elements in the Welcome section.

But to target specific devices you will need to use Media Queries, http://stephen.io/mediaqueries/#iPhone

CMurrin May 2, 2018 at 5:30 pm

Hi Hans,

Thanks for the help. I’ve reduced the padding a bit and it’s looking much better now I think.

Thanks,
Chris

Hans (Support Admin) May 3, 2018 at 3:11 pm

Excellent, glad to know it worked.

You must be logged in to reply to this topic.