Joomla Templates Club 406,261 posts

[nashlah Friend nashlahJoin date: November 2006Posts: 29Downloads:5Uploads:0 Thanks: 4]

#136545

Hello,

I’m using the JA Pyrite template, on a Joomla 1.5.8 install.

I need to place my logo to the left of my top menu. I was able to make the logo go to the left, but I can’t get it to be side by side with the menu.

This is the website I’m working on:
http://66.147.242.93/~endinmin

This is the website/look I’m trying to mimic:
http://www.endinmind.com

So I need my logo to be next to the menu (instead of on top) just like on http://www.endinmind.com.

Any ideas on how I can do this? Any help would be much appreciated!

Thanks a bunch! 😉

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#284202

Hi nashlah,

Please see my guide:

+ Open file templates/japyrite/css/template.css:

– find following script:

#ja-tp,
#ja-header,
#ja-mainnav,
#ja-subnav,
#ja-container,
#ja-footer {
width: 950px;
margin: 0 auto;
clear: both;
}

and change to:

#ja-tp,
#ja-mainnav,
#ja-subnav,
#ja-container,
#ja-footer {
width: 950px;
margin: 0 auto;
clear: both;
}

– find following script:

.narrow #ja-tp,
.narrow #ja-header,
.narrow #ja-mainnav,
.narrow #ja-subnav,
.narrow #ja-container,
.narrow #ja-footer {
width: 750px;
}


and change to:

.narrow #ja-tp,
.narrow #ja-mainnav,
.narrow #ja-subnav,
.narrow #ja-container,
.narrow #ja-footer {
width: 750px;
}

– Find following script:

#ja-header {
position: relative;
padding: 0px 0;
line-height: normal;
position: relative;
text-align: center;
z-index: 0;
}


and change to:

#ja-header {
float:left;
line-height:normal;
padding:0 0 0 230px;
position:relative;
text-align:center;
width:20%;
z-index:0;
}

– find following script:

#ja-mainnavwrap {
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}
and change to:

#ja-mainnavwrap {
border-bottom:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
float:left;
width:50%;
}

Hope it helps.

1 user says Thank You to JA Developer for this useful post

1. nashlah

[nashlah Friend nashlahJoin date: November 2006Posts: 29Downloads:5Uploads:0 Thanks: 4]

#284209

Thank you SOOOOO much! That did it – my menu is next to the logo!! 😀

I don’t mean to be of much bother, but how do I make it so that if I go to a page with sub-menu items it won’t show the red bar all across the screen?

You’ll see what I mean by visiting this page.
http://66.147.242.93/~endinmin/index.php?option=com_content&view=category&layout=blog&id=1&Itemid=2

I guess I could get rid of the submenu items, but I can’t figure out how to do that either.

Thanks a bunch for taking the time to do this! 😉

-Nash

[nashlah Friend nashlahJoin date: November 2006Posts: 29Downloads:5Uploads:0 Thanks: 4]

#284479

Ok, I was able to make it work just perfectly thanks to your help.

I also got rid of the red line by changing the menu type to css and then disabling the submenu items.

There’s just one thing left…

My menu is in the right place, just like i wanted it to be. However, if the monitor resolution changes, or if the window size is different, the menu shifts to the right or to the left.

I have attached a picture to illustrate my problem – the menu must stay centralized with the rest of the site regardless of the size of the window. I put “position:fixed” instead of relative to see if it would work, but it didn’t.

Any help would be much appreciated!

Thanks!!

-Nash

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#284481

Hi nashlah,

I have checked your website but could not find.

Did you fix this issue?

[jwellman Friend jwellmanJoin date: April 2008Posts: 543Downloads:0Uploads:6 Thanks: 115 Thanked: 59 times in 21 posts]

#284515

<em>@JA Developer 103103 wrote:</em><blockquote>Hi nashlah,
I have checked your website but could not find.
Did you fix this issue?</blockquote>
I see the menu is still shifted to the right in Google Chrome, IE 7 and Firefox.

[nashlah Friend nashlahJoin date: November 2006Posts: 29Downloads:5Uploads:0 Thanks: 4]

#284524

Yeah, I’m still having the problem.

If the browser is opened to a resolution of about 1280px the website looks just perfect, but anything different than that makes the menu and the logo slide off to the sides.

I have a feeling it’s not a complicated thing to fix, but my knowledge of css is very limited. I’m very hopeful that one of you will have the solution for me. 🙂

Thanks for the continuous help guys! 😉

-Nash

[nashlah Friend nashlahJoin date: November 2006Posts: 29Downloads:5Uploads:0 Thanks: 4]

#284647

Any idea how I can make the menu stay put regardless of the browser size? I can’t seem to figure how to do it!

[nashlah Friend nashlahJoin date: November 2006Posts: 29Downloads:5Uploads:0 Thanks: 4]

#284702

Ok, my problem was solved!
Solution on this thread: http://www.joomlart.com/forums/topic/help-menu-slides-off-to-the-sides/

Thanks for all your help! 😉

[Author]

Posts