Joomla Templates Club 406,261 posts

[antoniu1 Friend antoniu1Join date: July 2006Posts: 349Downloads:0Uploads:5 Thanks: 29 Thanked: 40 times in 1 posts]

#117654

How can I shift the top menu position more to the left? There is not enough space for all my items now.

Also, can I move the top menu down on top of the main area?

Thanks in advance!!

[Hung Dinh Friend Hung DinhJoin date: September 2014Posts: 4408Downloads:11Uploads:189 Thanks: 309 Thanked: 3310 times in 3 posts]

#211675

Please edit this in following in template_css.css file


/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnav {
float: right;
display: block;
margin-top: 6px;
height: 32px;
clear: both;
width: 500px;
}

html>body #ja-mainnav {
margin-top: 8px;
}

.wide #ja-mainnav {
width: 550px;
}


You may increase the width of the menu and the top padding of the menu


/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnav {
float: right;
display: block;
margin-top: 60px;
height: 32px;
clear: both;
width: 600px;
}

html>body #ja-mainnav {
margin-top: 80px;
}

.wide #ja-mainnav {
width: 650px;
}


However, you will need to customize the background image of the menu as well as adjusting the width/top-padding to suite your need

1 user says Thank You to Hung Dinh for this useful post

1. wroes

[antoniu1 Friend antoniu1Join date: July 2006Posts: 349Downloads:0Uploads:5 Thanks: 29 Thanked: 40 times in 1 posts]

#211679

That’s great!! Exactly what I wanted to know.

I am looking forward to the other styles by the way.

Thanks again!
Tom

[ccmalken Friend ccmalkenJoin date: April 2006Posts: 6Downloads:0Uploads:1 Thanked: 1 times in 2 posts]

#239122

Increasing the width works fine under Firefox… but the problem still exist under IE7.
http://www.team-alken.be

[andrescala Friend andrescalaJoin date: July 2011Posts: 34Downloads:0Uploads:2 Thanks: 11 Thanked: 1 times in 1 posts]

#418925

Hi ccmalken,
how have you done to have a shadow in the horizonal menu?
😎

Regards

[Author]

Posts