http://www.kriesi.at/support/topic/logo-size-issue Support Forum - Topic: Logo size issue en-US Tue, 21 May 2013 18:40:55 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/logo-size-issue#post-78067 Mon, 01 Oct 2012 12:00:36 +0000 thk 78067@http://www.kriesi.at/support/ <p>Hello,</p> <p>As Ismael suggests, I placed the following css in my custom.css file, which brings the menu under a now centered logo, and which seems to solve the issue. You may need to tweak things for your specific logo / menu widths.</p> <p>Best, thk</p> <p><code>/* Tablet Portrait size to standard 960 (devices and browsers) */<br /> @media only screen and (min-width: 768px) and (max-width: 989px) {&lt;/p&gt;<br /> &lt;p&gt;.responsive .thumbnails_container .slideThumb{ margin-right:19px;}<br /> .responsive .side-container-inner .minor-meta { text-align: center; }&lt;/p&gt;<br /> &lt;p&gt;/*thumbnail slideshow*/<br /> .responsive .thumbnails_container .slideThumb{ margin-right:13px;}&lt;/p&gt;<br /> &lt;p&gt;/*dynamic*/<br /> .responsive #top .callout{font-size: 30px;}<br /> .responsive #top.yanone_kaffeesatz .callout{font-size: 40px;}&lt;/p&gt;<br /> &lt;p&gt;/*header*/<br /> .responsive .main_menu{background: none; box-shadow:none;}<br /> .responsive .main_menu,<br /> .responsive .logo{ text-align: center; position: relative; top:auto; margin:0 auto; display:block; float:none; left:auto; right:auto; height:auto; padding:15px 0; clear:both; width:100%;}<br /> .responsive .main_menu div,<br /> .responsive .logo a, .responsive .logo img{display:inline-block; float:none;}<br /> .responsive .header_meta{position: relative; margin:0; top:0;}<br /> .responsive .header_meta #searchform {display:none;}<br /> .responsive .header_meta .small_header_info{position: relative; text-align: center; bottom: auto; margin:0 auto; float:none;}<br /> .responsive #top .social_bookmarks{position: relative; top: auto; clear: both; margin: 0; width:100%; overflow: hidden; text-align: center; height:40px;}<br /> .responsive #top .social_bookmarks li, .responsive #top .social_bookmarks li a{display:inline-block; float:none;}<br /> }</code> </p> http://www.kriesi.at/support/topic/logo-size-issue#post-77938 Sat, 29 Sep 2012 23:44:38 +0000 Ismael 77938@http://www.kriesi.at/support/ <p>Hi,</p> <p>You can use Media Queries to resize the logo on different screen sizes. You can check css &gt; layout.css and find #Media Queries to see how it works.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/logo-size-issue#post-77874 Sat, 29 Sep 2012 09:21:17 +0000 galleryj 77874@http://www.kriesi.at/support/ <p>Hi. I can't post a link to the site but can email a link. Basically the logo doesn't reduce in size when the screen gets smaller so the menu ends up over the logo if you start with a wide logo. </p> <p>Thanks </p> http://www.kriesi.at/support/topic/logo-size-issue#post-77872 Sat, 29 Sep 2012 09:02:26 +0000 Ismael 77872@http://www.kriesi.at/support/ <p>Hi galleryj,</p> <p>Can you post a link to your site? so we can check it further.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/logo-size-issue#post-77773 Fri, 28 Sep 2012 11:41:34 +0000 galleryj 77773@http://www.kriesi.at/support/ <p>Any ideas please guys?</p> <p>Thanks </p> http://www.kriesi.at/support/topic/logo-size-issue#post-77644 Thu, 27 Sep 2012 17:32:03 +0000 galleryj 77644@http://www.kriesi.at/support/ <p>I've added the following</p> <p>.logo a, .logo a img{<br /> width:428px;<br /> height: 117px;<br /> }</p> <p>to the custom CSS as mentioned in a previous post but this doesn't solve my problem. The menu still clashes with the logo when the scree is resized to tablet size.</p> <p>Thanks </p> http://www.kriesi.at/support/topic/logo-size-issue#post-77642 Thu, 27 Sep 2012 17:17:30 +0000 galleryj 77642@http://www.kriesi.at/support/ <p>Hi,</p> <p>My logo is considerably larger than the one used in the demo. (428 px by 117 px) . It looks fine on desktop browser and when resized for mobile it fits nicely above the responsive drop down menu. However on the Ipad the normal menu (not drop down) ends up right in the middle of the logo due to the fact that the logo is 428px wide.</p> <p>I haven't changed the CSS or anything to change the image dimensions. Would this sort it out?</p> <p>In the admin next to logo upload the instructions state "Logo Dimension: 200px * 100px (if your logo is larger you might need to modify style.css to align it perfectly)" . However when opening style.css there is nothing there apart from instructions to edit the custom.css.</p> <p>Could somebody let me know what i need to do to sort this logo problem out?</p> <p>Many thanks </p>