Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • tzic Friend
    #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
    #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
    #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

Viewing 3 posts - 1 through 3 (of 3 total)

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