Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #291299
    johnathansmith1969
    Participant

    Using Scapeshot Music – Help Size Front Image??

    Can someone please tell me how to fix this so my image looks good on ipad and phones?

    http://reality-twister.com/

    #291341
    Skandha
    Keymaster

    @johnathansmith1969: Hello there,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    @media screen and (max-width: 1024px) {
    	.custom-header .wrapper::before {
       		background-image: unset !important;
       	}	
       	.has-header-media .custom-header-media .wp-custom-header img {
        	display: block !important;	
    	}
    	.has-header-image.home .custom-header-media, .has-header-video.home .custom-header-media, .has-header-text.home .custom-header-media {
    		min-height: unset !important;
    	}
    }

    Let me know if this solves your issue.
    Kind Regards,
    Skandha

    #291491
    johnathansmith1969
    Participant

    Yea.. Thanks so much

    #291501
    johnathansmith1969
    Participant

    Hey @skandha its better but I need your help…. if you look now the title of the page is blocking the images text. anyway to center the image?

    #291541
    Skandha
    Keymaster

    @johnathansmith1969: Hello there,
    The image is already centered.

    The only that can be done is right align site title and description.
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .site-branding {
        margin-right: 0 !important;
    }

    Let me know if this solves your issue.
    Kind Regards,
    Skandha

    #291556
    johnathansmith1969
    Participant

    Still blocking :(… how about if its a phone can we hide the title and site name? or make the image move down

    #291573
    johnathansmith1969
    Participant

    Still blocking :(… how about if its a phone can we hide the title and site name? or make the image move down

    checkout the site and let me know what you would do

    #291598
    Skandha
    Keymaster


    @johnathansmith1969
    : Hello there,
    The Site Title and Description can be hidden on smaller screen devices
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    @media screen and (max-width: 767px) {
    	.site-branding {
    	    display: none;
    	}
    }

    You can change upto width screen size you would like to hide the site title and description.

    Let me know if this solves your issue.
    Kind Regards,
    Skandha

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