Archived topic

Header background not centered horizontally

5 replies · Started by Antonio on October 15, 2015

Viewing posts 1–6 of 6

October 15, 2015 at 11:45 pm #144771

Hi
using the header with image as background (http://www.poesiapresente.it/) I get a problem on small display like smartphone. The image is not centered horizontally. How can I fix it?

October 16, 2015 at 12:04 am #144775

Hi there,

Background images can be tricky on mobile.

Can you give this CSS a try?:

.home .generate-content-header {
    background-position: center center;
}

Let me know :)

October 16, 2015 at 12:11 am #144777

Yes it works. Thanks.

October 16, 2015 at 9:40 am #144878

You're welcome :)

October 16, 2015 at 1:34 pm #144982

try for mobile phones - add custom css plugin and then copy the following

.site-header{
background-position: center center;
background-size: 100%;
background-repeat:no-repeat;
background-position: center;
}

If you update your custom area -- it will over ride the above -- make sure to save this LAST to remain active

October 16, 2015 at 11:22 pm #145077

Thanks for posting that solution as well :) That will work for the site header for sure.

This archived topic is closed to new replies.

Start building better websites today.