Errors on mobile

Albert · July 2015

The section where title is, is called "Subheader" and that's why goes down when you increase header height. If you want to move title up, you must play with below css because this is the only way to do this:

#Subheader { margin-top: -50px !important; }

markobb · July 2015

Also is there any way for this image to be responsive on mobile devices? If you look now on mobiles this image is like this

http://prntscr.com/7sl2m1

while on desktop it is like this

http://prntscr.com/7sl2v1

So could it be responsive like all other images on your theme?

markobb · July 2015

When I added that code for subheader it decreased my header image

Albert · July 2015

Of course it is not possible. This is css background. This solution is completely not compatible with responsive.

markobb · July 2015

OK I understand. So I should use simple background image and dis regard this header.

And what about that code you gave me? It decreased my header image when I added it. It cropped her again.

http://vizionhosting.co.uk/?page_id=2330

Albert · July 2015

Sorry but we do not understand what you mean now. As we see, all is fine on your site.

markobb · July 2015

Subheading title is centered when I add that code you gave me, but image is not the right size.

Do you want to see how image is looking without that code for subheading?

Albert · July 2015

Why the image is not the right size? When we increase header height with css, all looks fine and we do not see anything wrong.

markobb · July 2015

This is page with this code

#Subheader { margin-top: -50px !important; }

http://prntscr.com/7synfj

and this is that page without code above

http://prntscr.com/7synvc

Do you now see the difference. Image should be this height like on second image only subheader title CONTACT US should be centered.

Albert · July 2015

Yes, we know what the difference is. If header height was increased, you see higher image. So it works properly in our opinion. But if you want to increase header height and center title vertically, then you must use both css's:

#Subheader { margin-top: -50px !important; }
body:not(.template-slider) #Header { min-height: 300px !important; }

markobb · July 2015

Yes but you can see that the image height doesn't remain same? That is the problem.

Is there any css code that could center the sub header without cropping image?

Albert · July 2015

No, there is no other css. That's the only way to increase header height.

Errors on mobile

Comments

This website uses cookies