Often times even if we have setup our media queries correctly, the site still isn’t responsive to those queries. You need to set a viewport in your header.php to fix this. More often than not I find that this affects macs instead of PCs. but it’s still a good idea to add this no matter … Read more
Kinda just answering this to counter the “not-possible” answers… Yes it is probably not the best thing to do, since we are still unsure what the OP is trying to achieve, but that does not make it not possible… complex and impractical perhaps, but still entirely possible. First enqueue the script as you normally would… … Read more
It’s possible that a word-break CSS rule could fix the problem. You could apply it globally with this body {word-break:normal !important; } Or maybe this: body {overflow-wrap: normal;} But it might be better to apply that to the specific class/id used by the title. And ever further tweak it to only apply that rule to … Read more
In order for your images to be responsive they require CSS. The CSS will inform the image to stretch 100% of the available space and to automatically adjust the height. img.responsive { width: 100%; height: auto; } Because you don’t want to apply this rule to all images, you’ll need to add a class on … Read more
This is not possible, images must have real absolute sizes 🙂 A post thumbnail is essentially a different sized version of the image. While you can calculate how much for example 70% of 1024 is, and genereate a ~700px wide image, you cannot do this for each of your visitors. It would kill your host’s … Read more
Well, it was my fault. I had added a media-query to style.css and I put: @media (min-width: 1300px) { h2.site-description { margin-top: 130px; } That is to say, I forgot a bracket. It should be: @media (min-width: 1300px) { h2.site-description { margin-top: 130px; } } That broke all my next css properties.
Elements floating on top of each other when Resizing or checking site on mobile. Twenty Twelve
Implementing the twentythirteen responsive menu in twentytwelve
wp_editor responsive?
Make the media query for <iframe> responsive. Set an id to <iframe>and set max-width and min-width, and give specific size to this <iframe> on different device widths. CSS: <style> @media screen and (max-width: 400px) { #res{ width:200px; height:200px; } } </style> HTML: <iframe id=”res” src=”https://www.youtube.com/embed/rL66iCVZ6mE?rel=0&controls=0&showinfo=0″ frameborder=”0″ allowfullscreen></iframe>`