Home Forums Refined Magazine Mag and News Header Display Problem

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #11038
    QNL
    Participant

    I’m using the Mag and News Theme 1.0.2 with WordPress 5.5.1. My header image is 1990 × 450 pixels. It displays correctly on a smartphone but only about 1/4 of the height displays on a PC and about 1/2 of the image height on a tablet. My site is QuietNoLonger.com.

    Thanks for your help. I’m impressed by your them and intend to buy the Pro version!

    #11039
    candidthemes
    Keymaster

    Hi,
    Thanks for using our theme Refined Magazine.

    Please add this css codes on Appearance > Customize > Additional CSS,

    .logo-wrapper-block{	
    		background-size: 100% 100%;
    }
    @media only screen and (max-width: 520px){
    	.logo-wrapper-block{
    		min-height: 82px;
    	}	
    }
    @media only screen and (min-width: 520px) and (max-width: 767px){
    	.logo-wrapper-block{
    		min-height: 150px;
    	}	
    }
    
    @media only screen and (min-width: 768px){
    	.logo-wrapper-block{
    		min-height: 200px;
    	}	
    }
    @media only screen and (min-width: 1024px){
    	.logo-wrapper-block{
    		min-height: 250px;
    	}	
    }
    @media only screen and (min-width: 1200px){
    	.logo-wrapper-block{
    		min-height: 320px;
    	}	
    }
    @media only screen and (min-width: 1600px){
    	.logo-wrapper-block{
    		min-height: 380px;
    	}	
    }

    Hope this works.

    Thank you

    #11041
    QNL
    Participant

    Thank you so much! It works perfectly. I appreciate how quickly you responded too.

    #11043
    candidthemes
    Keymaster

    Nice to know that your problem is solved.

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