http://www.kriesi.at/support/topic/move-the-logo-to-the-right-hand-side Support Forum - Topic: Move the logo to the right hand side en-US Sun, 19 May 2013 18:10:41 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/move-the-logo-to-the-right-hand-side#post-84678 Tue, 20 Nov 2012 08:17:38 +0000 webtigerwebsites 84678@http://www.kriesi.at/support/ <p>Oh right, ok. Thanks. I will give it a go! </p> http://www.kriesi.at/support/topic/move-the-logo-to-the-right-hand-side#post-84618 Mon, 19 Nov 2012 21:12:00 +0000 Devin 84618@http://www.kriesi.at/support/ <p>As an additional bit of help, you can use this a starting point for modifying your changes based on screen size:<br /> <pre><code>/* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { }</code></pre> <p>Add it to your custom.css and use the queries to adjust your fixes for the various screen sizes.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/move-the-logo-to-the-right-hand-side#post-84537 Mon, 19 Nov 2012 09:14:40 +0000 webtigerwebsites 84537@http://www.kriesi.at/support/ <p>This is my latest attempt.. GETTING CLOSER&gt;... </p> <p>#secondary {<br /> background-image:url("http:thelogo.png") !important;<br /> padding:15px 0 0 35px !important;<br /> background-repeat: no-repeat !important;<br /> }</p> <p>.sidebar {<br /> display:block;<br /> margin-bottom:40px !important;<br /> margin-top:233px !important;<br /> position:relative;<br /> width:240px !important;<br /> }</p> <p>.logo, .logo a {<br /> display:none !important;<br /> float:left;<br /> margin:0;<br /> padding:0;<br /> position:relative;<br /> } </p> http://www.kriesi.at/support/topic/move-the-logo-to-the-right-hand-side#post-84534 Mon, 19 Nov 2012 08:51:54 +0000 webtigerwebsites 84534@http://www.kriesi.at/support/ <p>So, back to the drawing board.... </p> http://www.kriesi.at/support/topic/move-the-logo-to-the-right-hand-side#post-84533 Mon, 19 Nov 2012 08:50:19 +0000 webtigerwebsites 84533@http://www.kriesi.at/support/ <p>Well I managed to do it with just CSS, And it works well for most screen sizes except for two tablet sizes.. </p> <p>/**get logo over to the right**/<br /> div#header.seven {<br /> padding-bottom:46px !important;<br /> }</p> <p>#sidebar_bg {<br /> background-image:url("http://thelogourl.png") !important;<br /> background-position:right top !important;<br /> background-repeat:no-repeat !important;<br /> height:100%;<br /> position:absolute;<br /> right:-40px;<br /> top:0;<br /> width:800px;<br /> z-index:1;<br /> }</p> <p>.logo, .logo a {<br /> display:none !important;<br /> float:left;<br /> margin:0;<br /> padding:0;<br /> position:relative;<br /> }</p> <p>div#header.seven {<br /> padding-bottom:45px !important;<br /> padding-left:0 !important;<br /> padding-top:0 !important;<br /> }</p> <p>#secondary {<br /> margin-top:214px !important;<br /> padding:0 0 0 40px;<br /> }</p> <p>#secondary {<br /> margin-top:214px !important;<br /> padding:0 0 0 40px;<br /> } </p> http://www.kriesi.at/support/topic/move-the-logo-to-the-right-hand-side#post-84178 Fri, 16 Nov 2012 06:26:55 +0000 Devin 84178@http://www.kriesi.at/support/ <p>Hey webtigerwebsites,</p> <p>For Sentence, it would be a significant change in both the css and the php files of the theme. You'll be moving the logo from the header.php to the sidebar.php and then re-doing many of the media queries for each screen size (large, normal, tablet, mobile widescreen and mobile portrait).</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/move-the-logo-to-the-right-hand-side#post-84050 Thu, 15 Nov 2012 09:53:33 +0000 Kiwy 84050@http://www.kriesi.at/support/ <p>Hi there, </p> <p>some tips, install firebug(for FF) Chrome has a standard debug(press F12) so you can lookup which div or span it is using.<br /> -move up the section that contains the blog/items post.<br /> Expand the viewing area, set up bounderies relative to the postion to keep the text/blog/items inside your area.</p> <p>This can also be done with the logo and the rest, if you can find the tags;)</p> <p>Good luck! </p> http://www.kriesi.at/support/topic/move-the-logo-to-the-right-hand-side#post-84048 Thu, 15 Nov 2012 08:35:23 +0000 webtigerwebsites 84048@http://www.kriesi.at/support/ <p>Thank you for your reply.<br /> Got any tips on how it is done? </p> http://www.kriesi.at/support/topic/move-the-logo-to-the-right-hand-side#post-83939 Wed, 14 Nov 2012 18:05:54 +0000 Devin 83939@http://www.kriesi.at/support/ <p>Hi webtigerwebsites,</p> <p>Unfortunately it would require quite a bit of modification in order to do that and then to keep the theme responsive. You'll need to look into a freelance web developer to make that customization for you so that it doesn't effect browser compatibility and the responsive elements of the theme.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/move-the-logo-to-the-right-hand-side#post-83845 Wed, 14 Nov 2012 10:14:58 +0000 webtigerwebsites 83845@http://www.kriesi.at/support/ <p>Hi,<br /> May you please let me know if it is possible and if so, how to do the following:<br /> Thank you kindly in advance.</p> <p>My site is set up with the main content on the left and the menu on the right.<br /> The logo is above the main content.<br /> The menu on the right hand side has a big gap above it.<br /> I would like to put the logo above the right hand side menu in that big gap.<br /> I would like to move the blog posts/content up towards the top of the page so that there isn't a big gap.<br /> Does that make sense?<br /> Thank you kindly. </p>