Image header responive problem

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Carolina Nymark

    (@poena)

    11 years, 1 month ago

    Hi, the header image is designed to cover the viewport.

    Find this part in functions.php, line 298:

    .site-header {
background: url(<?php header_image(); ?>) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size:    cover;
-o-background-size:      cover;
background-size:         cover;
}

    And replace center or cover with your preferred position.

    Thread Starter andreax1969

    (@andreax1969)

    11 years, 1 month ago

    Hi and thanks for to reply,

    sorry but I did not understand, if I move the image becomes unresponsive for phones and tablets

    Thread Starter andreax1969

    (@andreax1969)

    11 years, 1 month ago

    I added

    no-repeat center center fixed;

    It has improved considerably

    Theme Author Carolina Nymark

    (@poena)

    11 years, 1 month ago

    Great!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Image header responive problem’ is closed to new replies.