Joomla Templates Club 406,261 posts

[sakoman Friend sakomanJoin date: January 2007Posts: 21Downloads:0Uploads:0 Thanks: 4 Thanked: 2 times in 1 posts]

#166639

Is it possible to easily swap the placement of the logo/searchbox and menu?

I’d really like to have the log at top left and menu below.

Thanks!

[sakoman Friend sakomanJoin date: January 2007Posts: 21Downloads:0Uploads:0 Thanks: 4 Thanked: 2 times in 1 posts]

#402691

I neglected to mention that I am using the 1.6 version of JA Rave

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#402693

Hi,
You login backend > Extensions > Template Manager > ja_rave > LAYOUTS.Edit Default.
-You replace this code

<block name="mainnav" type="mainnav" main-inner="1"></block>
<block name="header" type="header" main-inner="1"></block>

with

<block name="header" type="header" main-inner="1"></block>
<block name="mainnav" type="mainnav" main-inner="1"></block>


1 user says Thank You to khoand for this useful post

1. sakoman

[sakoman Friend sakomanJoin date: January 2007Posts: 21Downloads:0Uploads:0 Thanks: 4 Thanked: 2 times in 1 posts]

#402697

Thanks! That worked. I really appreciate the fast response.

However there are some cosmetic issues remaining:

http://www2.sakoman.com/

How can I remove the “box” around the header and set the background color to match the page background? I’d like to have the logo and search box just sort of “floating” above the menu.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#402699

You replace this code from /templates/ja_rave/css/template.css in the line #697, #703

#ja-header .main {
padding: 0px;
border-left: solid 1px #DDD;
border-right: solid 1px #DDD;
}
with

#ja-header .main {
padding: 0px;
background: #F2F2F2;
}

#ja-header .main .main-inner1 {
padding: 20px 0px 20px;
margin: 0px 15px;
border-bottom: solid 1px #DDD;
}
with

#ja-header .main .main-inner1 {
padding: 20px 0px 20px;
margin: 0px 15px;
}

1 user says Thank You to khoand for this useful post

1. sakoman

[sakoman Friend sakomanJoin date: January 2007Posts: 21Downloads:0Uploads:0 Thanks: 4 Thanked: 2 times in 1 posts]

#402708

Thanks! I made the change in the first chunk of code and it had the desired result.

The second change just seems to be a code formatting change (i.e. the closing brace is moved from being on a separate line to the line above). I’m guessing you meant to delete the ‘border-bottom: solid 1px #DDD;”? That removes the line below the logo and looks much better.

I really appreciate your help!

1 user says Thank You to sakoman for this useful post

1. khoand

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#402756

Yes, you right. I’m sorry about my mistake.

[jonesmark Friend jonesmarkJoin date: May 2011Posts: 37Downloads:0Uploads:3 Thanks: 14]

#403658

<em>@khoand 255184 wrote:</em><blockquote>You replace this code from /templates/ja_rave/css/template.css in the line #697, #703

#ja-header .main {
padding: 0px;
border-left: solid 1px #DDD;
border-right: solid 1px #DDD;
}
with

#ja-header .main {
padding: 0px;
background: #F2F2F2;
}

#ja-header .main .main-inner1 {
padding: 20px 0px 20px;
margin: 0px 15px;
border-bottom: solid 1px #DDD;
}
with

#ja-header .main .main-inner1 {
padding: 20px 0px 20px;
margin: 0px 15px;
}
</blockquote>

Hello –

I also made the swap of main menu with logo/search placement. Worked very well. However, I am using the blue theme. Following your instructions for changing the white bkg to #F2F2F2 worked only on the home page. I looked through the css for the blue theme but was unable to locate #ja-header. Can you pls refer me to the correct location to revise css?

thank you

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#403709

Could you give me a link to your page as you said?

[jonesmark Friend jonesmarkJoin date: May 2011Posts: 37Downloads:0Uploads:3 Thanks: 14]

#403979

Certainly – http://www.team-charleston.com/
thank you

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#404027

You go to Template manager,choose JA Rave template, then change CSS Optomize fieds to NO, so I can check how and where to customize for you.Could you give me a snapshot with your annotation?

[jonesmark Friend jonesmarkJoin date: May 2011Posts: 37Downloads:0Uploads:3 Thanks: 14]

#404037

Ok – I went ahead and turned off CSS optimization anyway, but this is very strange. The white bkg box no longer is displayed on the remaining pages. Maybe some one already fixed this for me?? If so, thank you

[Author]

Posts