1. Nickkertt
  2. Commercial Templates
  3. Wednesday, 04 October 2017
  4.  Subscribe via email
Hello,

Great job on the Boss template, the fullscreen header looks stunning. I just can't seem to make it responsive. It is perfect on screen but on mobile it zooms in way too far. Any way too fix this?
I've added a screenshot of both screen and mobile versions.

Kind Regards,

Nick.
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Nick

Would you have a URL to an example of this issue?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciaran,

The link to the site is http://lukesantos.com/
I have fixed it using multiple images but this is not as smooth as I hoped it will be.

Maybe there's a different way?

Kind Regards,

Nick.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Nick

You could try adding the following to the Custom CSS field of your template settings. This will ensure your image always appears at 100% width..

#container_header {
background-size: auto 100%;
}


Note you can use the 'Responsive Options' tab if you wish to only apply this to certain screen sizes.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!