-
AuthorPosts
-
February 18, 2012 at 7:42 pm #174029
Hello again, I am trying to modify the header as described here in your tutorial but its not easy beacuse the tutorial refers to a previous version of JA Purity. I managed to do some progress but the problem is, when the width of the browser is a bit small the right round corner does not show correctly. Can someone have a look?
my website is here
Saguaros ModeratorSaguaros
- Join date:
- September 2014
- Posts:
- 31405
- Downloads:
- 237
- Uploads:
- 471
- Thanks:
- 845
- Thanked:
- 5346 times in 4964 posts
February 24, 2012 at 8:21 am #439818Hi tzic,
Sorry for this late reply, I’ve had a look at your site and seen that you put the 2 rounded corner outside the header and set right-left properties (30px) for them, this will cause that when you change width of browser, only header is flexible and smaller as the browser, while the rounded corner(with fixed position) doesnot change. So please move these 2 rounded corner into header, it should be fine 🙂February 26, 2012 at 12:23 pm #440121<em>@Hien Nguyen 302553 wrote:</em><blockquote>Hi tzic,
Sorry for this late reply, I’ve had a look at your site and seen that you put the 2 rounded corner outside the header and set right-left properties (30px) for them, this will cause that when you change width of browser, only header is flexible and smaller as the browser, while the rounded corner(with fixed position) doesnot change. So please move these 2 rounded corner into header, it should be fine :)</blockquote>Well thank you very much for the reply. I moved the divs to header.php located in /plugins/system/jat3/jat3/base-themes/default/blocks/ and changed the template.css code with the one provided to the tutorial
#ja-header { background: #94c9d9; position: relative; z-index: 10; }
#corner-top-left {background: #333 url(../images/top-left.jpg) no-repeat top left;float:left;height:10px;width:10px;}
#corner-top-right {background: url(../images/top-right.jpg) no-repeat top right;position:absolute; right:0; top:0; height:10px;width:10px;z-index:12;}But now I am facing the exact opposite problem and cant find a way to fix it. The rounded corners are fixed to div “main-inner1 clearfix” and not to div “ja-header” as they supposed to be. Any help would be greatly appreciated
edit:
the 2 divs must be located just below this div
<div class=”wrap ” id=”ja-header”>and not this one
<div class=”main-inner1 clearfix”>So the question is in which file should I put the divs?
Edit2: SOLVED
Just replaced
<block name=”header” type=”header” main-inner=”1″></block> with
<block name=”header” type=”header” no-main=”1″></block>
in the layout I use and the divs placed to header.php
please mark as solved
-
AuthorPosts
This topic contains 3 replies, has 2 voices, and was last updated by tzic 12 years, 8 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum