Support Forum - Tag: header width

Support Forum - Tag: header width - Recent Posts http://www.kriesi.at/support/tags/header-width Support Forum - Tag: header width - Recent Posts en-US Tue, 21 May 2013 14:03:56 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Dude on "Header Image" http://www.kriesi.at/support/topic/header-image-2#post-105261 Fri, 12 Apr 2013 06:36:32 +0000 Dude 105261@http://www.kriesi.at/support/ Hi! Glad that Ismael could help you :) Regards, Peter jmwilliams83 on "Header Image" http://www.kriesi.at/support/topic/header-image-2#post-105233 Thu, 11 Apr 2013 23:53:56 +0000 jmwilliams83 105233@http://www.kriesi.at/support/ Pure genius YOU GUYS ARE AWESOME!!!! Ismael on "Header Image" http://www.kriesi.at/support/topic/header-image-2#post-105152 Thu, 11 Apr 2013 07:52:29 +0000 Ismael 105152@http://www.kriesi.at/support/ Hi jmwilliams83, Try replacing this code: <pre><code>@media only screen and (max-width: 989px) and (min-width: 768px) { .logo { max-width: 774px; } .main_menu { right: -60px; } }</code></pre> with this one: <pre><code>@media only screen and (max-width: 989px) and (min-width: 768px) { h1.logo img { max-width: 774px; } .main_menu { right: -60px; } }</code></pre> Hope this helps. Regards, Ismael jmwilliams83 on "Header Image" http://www.kriesi.at/support/topic/header-image-2#post-105138 Thu, 11 Apr 2013 02:29:55 +0000 jmwilliams83 105138@http://www.kriesi.at/support/ That portion now works perfect! It seems to have brought back the problem where the silver and blue strip is not fully contained and resizing with the site itself. It eventually catches up with the resizing but around what would be the size of a tablet screen its off. Will I have to make a modification to one of the below Quick CSS codes: h1.logo img {max-width: 990px;} @media only screen and (max-width: 767px) {.container_wrap {overflow-x: hidden !important;}} Ismael on "Header Image" http://www.kriesi.at/support/topic/header-image-2#post-105017 Wed, 10 Apr 2013 06:35:43 +0000 Ismael 105017@http://www.kriesi.at/support/ Hi jmwilliams83, Try to add this code in your Quick CSS: <pre><code>@media only screen and (max-width: 989px) and (min-width: 768px) { .logo { max-width: 774px; } .main_menu { right: -60px; } }</code></pre> Hope this helps. :) Regards, Ismael jmwilliams83 on "Header Image" http://www.kriesi.at/support/topic/header-image-2#post-105006 Wed, 10 Apr 2013 02:43:41 +0000 jmwilliams83 105006@http://www.kriesi.at/support/ PURE GENIUS! Any suggestions on stopping the overlap of the menu with the logo? I think if I decrease the padding anymore it will look like a sentence instead of a menu. Ismael on "Header Image" http://www.kriesi.at/support/topic/header-image-2#post-104710 Mon, 08 Apr 2013 04:26:14 +0000 Ismael 104710@http://www.kriesi.at/support/ Hi jmwilliams83, Try to add this code in your Quick CSS: <pre><code>@media only screen and (max-width: 767px) { .container_wrap { overflow-x: hidden; } }</code></pre> or this one if the code above doesn't help: <pre><code>@media only screen and (max-width: 767px) { .container_wrap { overflow-x: hidden !important; } }</code></pre> Hope this helps. Regards, Ismael jmwilliams83 on "Header Image" http://www.kriesi.at/support/topic/header-image-2#post-104704 Mon, 08 Apr 2013 01:24:05 +0000 jmwilliams83 104704@http://www.kriesi.at/support/ On my site located at <a href="http://www.relevantfl.org" rel="nofollow">http://www.relevantfl.org</a> when resizing the site by dragging the corner of the browser window inward, the bottom strip of the head image (blue and aluminum portion) does not resize and appears to remain the same width the entire time. Also, the menu options cross over the part of the logo that says "Relevant Church" I have decreased the spacing between each minimum option down to 7px but that still does not seem to help. For the header image I have the following Quick CSS applied: "h1.logo img {max-width: 990px;}" For the menu I have the following applied: "#top .main_menu ul:first-child > li > a {padding: 0 7px;}" Devin on "Header exact size" http://www.kriesi.at/support/topic/header-exact-size#post-76578 Wed, 19 Sep 2012 16:11:52 +0000 Devin 76578@http://www.kriesi.at/support/ Hi edogpus, The issue is you need a bit of css to position the background. The current background image in the demo is: <a href="http://www.kriesi.at/themes/newscast/wp-content/themes/newscast/images/skin1/bg.png" rel="nofollow">http://www.kriesi.at/themes/newscast/wp-content/themes/newscast/images/skin1/bg.png</a> Which gets repeated. So in replacing it you need to change the css so that it stays centered. At the same time, you'll need to remove the default logo since your background image now shows the logo and blog title. So in style1.css where you added in the url for the image, change that whole thing to: <pre><code>body{ background: #fff url(http://www.unikorns.com/wp-content/uploads/2012/09/header-1.jpg); color:#666; background-repeat: no-repeat; background-position: center top; }</code></pre> Now, in the same file (style1.css), you need to scroll down to the bottom and add: <pre><code>/** Remove the Logo and logo link**/ #top .logobg a { display: none; } /** Remove the Social Icons and Search Bar**/ #headextras { display: none; }</code></pre> I added in the search bar removal as well since it covered some of your header image. For additional customization like this, I would recommend looking into a freelance developer who can take a big list of little css customization's and fixes like this and get it done in a few hours. Regards, Devin edogpus on "Header exact size" http://www.kriesi.at/support/topic/header-exact-size#post-76232 Mon, 17 Sep 2012 14:59:04 +0000 edogpus 76232@http://www.kriesi.at/support/ Hi, Thanks for the answer. Nevertheless, you didn´t say anything about how to upload the new header. I searched inside the forum and found this thread: <a href="http://www.kriesi.at/support/topic/changing-bannerheader-totally-w-new-jpeg" rel="nofollow">http://www.kriesi.at/support/topic/changing-bannerheader-totally-w-new-jpeg</a> The problem is, I followed all those steps and the new header uploaded, but look at what is happenning: <a href="http://www.unikorns.com" rel="nofollow">http://www.unikorns.com</a>. I don´t understand why the "Newscast, a themeforest blog..." message is still showing. On the other hand, the unikorn animal gets duplicated on the right sidebar, no idea neither why this is happenning. This is the exact header I´m trying to introduce: <a href="http://www.unikorns.com/wp-content/uploads/2012/09/header-1.jpg" rel="nofollow">http://www.unikorns.com/wp-content/uploads/2012/09/header-1.jpg</a> I don´t understand why it doesn´t just stay centralized. Please helppp! Ismael on "Header exact size" http://www.kriesi.at/support/topic/header-exact-size#post-76117 Sun, 16 Sep 2012 17:48:23 +0000 Ismael 76117@http://www.kriesi.at/support/ Hi, The header is 960px but there are right and left paddings of 20px each. Regards, Ismael edogpus on "Header exact size" http://www.kriesi.at/support/topic/header-exact-size#post-76027 Sat, 15 Sep 2012 10:48:05 +0000 edogpus 76027@http://www.kriesi.at/support/ Hi, I have payed someone to create a professional header for me, but I am lacking the exact width of the header space. I saw this answered in another thread and although the height (161) matches, the width (960x) doesn´t, it just covers the center space, I mean like from slider number 1 to slider number 4, excluding the two big sidebars. I would like it to cover the full width including sidebars so what´s the full width exact number? Oh and now that we are at it, I would also need to know how do I exactly introduce the new header into the theme, for I don´t know how to do it.