Joomla Templates Club 406,261 posts

[actu9 Friend actu9Join date: February 2011Posts: 77Downloads:0Uploads:17 Thanks: 36]

#161092

Hi,
I would like to remove the border-bottom of the menu mainnav ONLY for the activated tab (see attachment). Any idea ?
Cheers 😉

---

Attachments:

1. 

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#379916

Can you provide a link to your site

[actu9 Friend actu9Join date: February 2011Posts: 77Downloads:0Uploads:17 Thanks: 36]

#379931

Of course. It is http://www.actu9.be.
Cheers !

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#379944

Can you disable css compression in the template manager so we can see the correct locations of the code. Currently using Firebug we can only see the compressed css which reveals the following but we just cannot easilly see what file it is actually from

#ja-splitmenu {
border-bottom:1px solid #CCCCCC;
position:relative;

}

[actu9 Friend actu9Join date: February 2011Posts: 77Downloads:0Uploads:17 Thanks: 36]

#379948

Thanks Phill, it is decompressed now.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#379951

The code you are looking for is in templates>ja_teline_iii>css>menu>split.css at line 13.

[actu9 Friend actu9Join date: February 2011Posts: 77Downloads:0Uploads:17 Thanks: 36]

#379952

Thanks Phil, I added this line in the code in order to have a border-bottom for the mainnav. The problem is that I would like to remove the border-bottom for the activated tab (as seen in the attachment in the first post > how to remove the border in the red circle?).
Thanks for your time.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#379957

I didn’t realise you only wanted to remove it for the active tab. The code above is the border for all of the block. Not sure how you would accomplish that. Hopefully someone else could chip in.

1 user says Thank You to Phill for this useful post

1. actu9

[actu9 Friend actu9Join date: February 2011Posts: 77Downloads:0Uploads:17 Thanks: 36]

#379960

Hmm… Sounds difficult. Actually it is already done in the JA-Tabs (on the right side, the VIDEOS and SUR LE WEB tabs). It is the same thing that I would like to have for mainnav.

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#379997

<em>@actu9 225883 wrote:</em><blockquote>Hmm… Sounds difficult. Actually it is already done in the JA-Tabs (on the right side, the VIDEOS and SUR LE WEB tabs). It is the same thing that I would like to have for mainnav.</blockquote>

Try add this at end of template.css file::

#ja-splitmenu ul li.active{margin-bottom:-1px;}

1 user says Thank You to aman204 for this useful post

1. actu9

[actu9 Friend actu9Join date: February 2011Posts: 77Downloads:0Uploads:17 Thanks: 36]

#380077

Thanks Aman, just did it but it doesn’t change anything…

[actu9 Friend actu9Join date: February 2011Posts: 77Downloads:0Uploads:17 Thanks: 36]

#380078

Actually it works now !! I added to the last reply this code to style.css and it’s OK

#ja-splitmenu li.active a,
border-bottom: 1px solid #fff !important;
}
Thanks a lot Aman and Phill to your help 🙂

[Author]

Posts