This topic contains 3 replies, has 2 voices, and was last updated by  Skandha 7 months, 1 week ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #163754

    Ta0102
    Participant

    You are displaying Youtube on the top page.
    I would like to make the vertical width and vertical image same.
    The smartphone wants to maintain the current display size.

    in css code

    .youtube {
    position: relative;
    max-width: 88%;
    padding-top: 5.25%;
    padding-left: 13%;
    max-height: 200%;
    }

    Smartphones and iPads will also become smaller.

    Please tell me a good code.

    #163776

    Skandha
    Keymaster

    @ta0102: You will need to add the above CSS Code inside @media screen media query like the following.
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    @media screen and (min-width:991px) {
    	.youtube {
    		position: relative;
    		max-width: 88%;
    		padding-top: 5.25%;	
    		padding-left: 13%;
    		max-height: 200%;
    	}	
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #163833

    Ta0102
    Participant

    It fitted cleanly.
    Thank you.

    #163871

    Skandha
    Keymaster

    @ta0102: Glad I was able to help you out. Have a good day! 🙂

    Kind Regards,
    Skandha

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

The topic ‘The display size of youtube on the TOP page is …’ is closed to new replies.