http://www.kriesi.at/support/tags/media-queries Support Forum - Tag: media queries - Recent Posts en-US Fri, 24 May 2013 11:57:08 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/iphone-3-4-screen-resolution#post-94924 Mon, 04 Feb 2013 07:10:50 +0000 Dude 94924@http://www.kriesi.at/support/ <p>Hi,<br /> Tbh I'm not sure if responsinator renders the website properly . However you can try to hide the info bar on small devices with following code - add it to css/custom.css:</p> <pre><code>@media only screen and (max-width: 959px) { .info_text_header{ display: none !important; } }</code></pre> http://www.kriesi.at/support/topic/iphone-3-4-screen-resolution#post-94667 Sat, 02 Feb 2013 11:22:40 +0000 Simon 94667@http://www.kriesi.at/support/ <p>Hi, i've been wondering about custom_home_mobile.css coz' i've been modifying these and testing it through <a href="http://www.responsinator.com" rel="nofollow">http://www.responsinator.com</a> and yet, nothing happened, still the problem is there.. The tel. no. and also the "search text area" is covering the logo.. i'll give you the direct link.. </p> <p><a href="http://www.responsinator.com/?url=makewordpressfast.com%2Fivlv2" rel="nofollow">http://www.responsinator.com/?url=makewordpressfast.com%2Fivlv2</a></p> <p>Thank you </p> http://www.kriesi.at/support/topic/media-queries-in-propulsion#post-78972 Mon, 08 Oct 2012 14:38:49 +0000 susan_ideology 78972@http://www.kriesi.at/support/ <p>That's brilliant! Thanks so much. susan </p> http://www.kriesi.at/support/topic/media-queries-in-propulsion#post-77282 Tue, 25 Sep 2012 16:20:53 +0000 Devin 77282@http://www.kriesi.at/support/ <p>Try:<br /> <pre><code>@media only screen and (max-width: 959px) and (min-width: 768px) { #top .widget_product_categories ul li a {font-size: 16px;} }</code></pre> <p>The size you were trying to use already makes the sidebar drop below the main content/shop area so no need to modify its size. The above however is the size used just before then.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/media-queries-in-propulsion#post-77106 Mon, 24 Sep 2012 11:28:19 +0000 susan_ideology 77106@http://www.kriesi.at/support/ <p>Hi Devin, here is a link to the site</p> <p><a href="http://s154267.gridserver.com/" rel="nofollow">http://s154267.gridserver.com/</a></p> <p>grateful for any advice you can offer as there are quite a few media query customisations I need to make...</p> <p>Susan </p> http://www.kriesi.at/support/topic/media-queries-in-propulsion#post-76574 Wed, 19 Sep 2012 15:47:58 +0000 Devin 76574@http://www.kriesi.at/support/ <p>Hi Susan,</p> <p>There might be some funkiness happening with the the overuse of !important but I can't say for sure without taking a look. If you have a link where we can see it live we might be able to help figure it out.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/media-queries-in-propulsion#post-76211 Mon, 17 Sep 2012 13:04:27 +0000 susan_ideology 76211@http://www.kriesi.at/support/ <p>Hi there, I'm trying to use media queries to change a few things on my site layout. The first one should have been easy but I can't seem to make it work. Basically I want to reduce the font size of my category menu. I have followed the instructions given in previous posts but can't get it to work. </p> <p>The custom styling for my category menu (that you guys helped me, so thanks!) is this:<br /> #top .widget_product_categories ul{overflow: hidden;padding:0;margin:0;}<br /> .widget_product_categories li{font-family: Arial !important; font-size: 20px; font-weight: bold; padding:10px 1px !important; colour:#999999;}<br /> .widget_product_categories li a {padding: 20px 20px 20px 0px !important; background: none !important;}<br /> .widget_product_categories .children li{padding: 2px 0px 12px 0px;}<br /> .widget_product_categories li a{font-size: 20px;font-style: normal; padding-bottom: 20px;}</p> <p>li.current-cat a {color: #cc9999 !important;}</p> <p>I just want to change the font down to 16px. So in my custom style sheet I did this:</p> <p>/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */</p> <p>@media only screen and (min-width: 480px) and (max-width: 767px) {</p> <p>.widget_product_categories li{ font-size: 16px! important;}<br /> .widget_product_categories li a{font-size: 16px !important;}</p> <p>}</p> <p>but it made no difference at all. </p> <p>Can you help me figure out what I am doing wrong?</p> <p>Many thanks!</p> <p>Susan </p>