Responsive Header Background Image

Home Forums WordPress Themes – Premium Preferential Responsive Header Background Image

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #17003
    Francois Zietsman
    Participant

    Hi, can you please tell me how can I make the header background image on Preferential responsive?

    Currently when on smaller screens, the logo moves over a certain part of the background image causing it to to disappear in a way. I think it’s quite important that the header background image should be responsive for some obvious reasons.

    http://www.od-learning.co.za

    Thank you

    #17004
    Sushil Adhikari
    Moderator

    Hi Francois Zietsman,

    Please add this css on child theme style.css file to make background image responsive:

    #pref-top {
    	background-size: 100% 100% !important;
    }

    Note: Making background image responsive may distort images on mobile devices

    Note: Please add this css on child theme style.css file , so your changes will not lost on theme update.

    Let us know how it will goes.

    Thanks

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