Resize Header

bgommard
Offline
Last seen: 1 year 5 months ago
Tue, 01/26/2016 - 21:37
#1
Resize Header

Hello,

I would like to change the background of the header (have a look on the contact page for example) but something wrong appears when it's resizing in tablet and mobile : the background image is duplicated underneath and it looks very ugly... This bug hasn't been fixed even in the template you sell.

Screenshot in desktop version
http://bit.ly/1JBnxRW

Screenshot in mobile / tablet version
http://bit.ly/1S8CXAp

Thank you for your quick reply.

Benjamin

cindy
cindy's picture
Offline
Last seen: 9 hours 5 min ago
Wed, 01/27/2016 - 10:33

Hi,

Please open file style.css
search the code:

.title-inner

and add the following attributes:


background-position: 50% 50%;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;

bgommard
Offline
Last seen: 1 year 5 months ago
Wed, 01/27/2016 - 16:48

Problem fixed ! 

Last request related to this topic : how can I manage the subtitle when my text is too shoot and one word returns to the start of the line ?
In my case, the exclamation mark is concerned.

Mobile version - iPhone 5 (and 4 also)

http://bit.ly/1nnangU

Thank you.

cindy
cindy's picture
Offline
Last seen: 9 hours 5 min ago
Thu, 01/28/2016 - 10:36

Hi,

Please open file style.css, fine the code:
.title-inner .title-border

and change:

    padding: 96px 60px 81px 60px;

with: 

    padding: 96px 40px 81px 40px;
Log in or register to post comments