Public Forums 71,145 posts

[tzic Friend tzicJoin date: January 2012Posts: 31Downloads:0Uploads:0 Thanks: 8]

#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 Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#439818

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 🙂

[tzic Friend tzicJoin date: January 2012Posts: 31Downloads:0Uploads:0 Thanks: 8]

#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

[Author]

Posts