Disable Responsive

[Stanley]

How do I disable Responsive function?
And when I embed youtube, the video shows full in the post/pages eventhough I set the width 500px etc. All the below codes the same.

[embed width="500" height="400"]http://www.youtube.com/watch?feature=player_detailpage&v=9uLJX7zFKmE[/embed]

<object width=”560″ height=”315″ classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0″><param name=”allowFullScreen” value=”true” /><param name=”allowscriptaccess” value=”always” /><param name=”src” value=”//www.youtube.com/v/9uLJX7zFKmE?hl=ko_KR&version=3″ /><param name=”allowfullscreen” value=”true” /><embed width=”560″ height=”315″ type=”application/x-shockwave-flash” src=”//www.youtube.com/v/9uLJX7zFKmE?hl=ko_KR&version=3″ allowFullScreen=”true” allowscriptaccess=”always” allowfullscreen=”true” /></object>

[youtube_video clip_id=”9uLJX7zFKmE” hd=”true” width=360 height=315]

[livemesh]

Hi,

You can embed the videos inside the column shortcodes like below. This gives you more flexibility for embedding videos and having other contents right beside them.

[seven_col][embed width="500" height="400"]http://www.youtube.com/watch?feature=player_detailpage&v=9uLJX7zFKmE[/embed][/seven_col]Donec metus leo, elementum at ultrices ac, dapibus at justo. Donec tristique hendrerit dui vitae lacinia. Suspendisse ante ligula, adipiscing porta aliquam et, rutrum nec lectus. Nulla erat risus, molestie non dapibus ac, fermentum vitae felis

About disabling the responsive. Do you want to disable the responsive functionality across the whole site or only for the videos that you embed?

Thanks.

[livemesh]

If you want to disable responsive behaviour across the entire site, you will need to modify the CSS in two places – css/responsive.css and style.css file in theme folder.

90% of the responsive styles through media queries are defined in responsive.css file. You can remove the these styles from the line 28 till end (leave the top as it is without modifications) and then lines 1163 to 1692 in style.css for removing responsive behavior for certain home page elements. Basically you remove blocks which start something like this –

@media only screen and (max-width : xxxxpx { ...

Hope this helps

[Author]

Posts