Backgroun header image no responsive

Home Forums SKT Full Width Forum Backgroun header image no responsive

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #131801
    Guillermo
    Participant
    • Topics: 11
    • Replies: 24
    • Total: 35
    Member since: May 28, 2019

    I would like that when I am the laptop that the header image adapts to the screen, how can I do that? You will see in the picture. Thank you. Thank you.

    View post on imgur.com

    #131812
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25832
    • Total: 25832
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS

    @media screen and (max-width:767px) {
    .page .page_head_bg, .page .post_head_bg { background-size:100% auto !important; background-position:center 30px !important; min-height:140px !important; background-color:#000 !important;}
    }

    Regards,
    Brad

    #131860
    Guillermo
    Participant
    • Topics: 11
    • Replies: 24
    • Total: 35
    Member since: May 28, 2019

    Thank you

    #131865
    Guillermo
    Participant
    • Topics: 11
    • Replies: 24
    • Total: 35
    Member since: May 28, 2019

    The responsive works but when it is on the “Posts Header Background Image” the responsive does not work, thank you in advance

    View post on imgur.com

    #131866
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25832
    • Total: 25832
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:767px) {
    .page .page_head_bg, .page .post_head_bg, .single .page_head_bg, .single .post_head_bg { background-size:100% auto !important; background-position:center 30px !important; min-height:140px !important; background-color:#000 !important;}
    }

    Regards,
    Brad

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.