Joomla Templates Club 406,261 posts

[Balaji Ramanathan Friend Balaji RamanathanJoin date: September 2014Posts: 187Downloads:0Uploads:13 Thanks: 24 Thanked: 2 times in 1 posts]

#133925

The two horizontal grey lines for the main menu – how can I make them shorter instead of spanning the entire width of screen? It is not setting ‘narrow screen’ in template manager – but just to make the lines appear only in the middle and not span entire width.

drb

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#273500

Hi
please edit template.css (line 836)

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

#ja-mainnavwrap {

}

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#273501

2Change template.css (line 841)

#ja-mainnav {
border-left:1px solid #DDDDDD;
font-size:115%;
}
to

#ja-mainnav {
border-left:1px solid #DDDDDD;
font-size:115%;
border-bottom:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;

}

2 users say Thank You to Sherlock for this useful post

1. Balaji Ramanathan
2. genu172

[Balaji Ramanathan Friend Balaji RamanathanJoin date: September 2014Posts: 187Downloads:0Uploads:13 Thanks: 24 Thanked: 2 times in 1 posts]

#273570

Geat!. Worked pefect.

On a added note,
I used drop line menu. For the subnav items, blackish/grey bar spans entire width of screen, how can I make it to be within the center as well as the above 2 lines for maninnav bar?

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#273696

Can you give us your live URL, any screenshot or more details of the problem will be helpful

[Balaji Ramanathan Friend Balaji RamanathanJoin date: September 2014Posts: 187Downloads:0Uploads:13 Thanks: 24 Thanked: 2 times in 1 posts]

#273736

Never mind. I should have said, when I choose dropline menu / split menu, black bar comes along wiht it that spans whole width, I wanted to take that off.

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#273737

Are you able to post your site url?

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#273805

Hi
you can change template.css (line 851)

#ja-subnavwrap {
background:#333333 none repeat scroll 0 0;
margin-top:-1px;
}
to

#ja-subnavwrap {
background:#333333 none repeat scroll 0 0;
margin:auto;
width:950px;
}

1 user says Thank You to Sherlock for this useful post

1. Balaji Ramanathan

[Balaji Ramanathan Friend Balaji RamanathanJoin date: September 2014Posts: 187Downloads:0Uploads:13 Thanks: 24 Thanked: 2 times in 1 posts]

#273827

Holy!!…I was able to post a screenshot and then saw the code. It worked absolutely fine!!

I am learning a lot by tweaking these css.

thanks,

drb

[Author]

Posts