Joomla Templates Club 406,261 posts

[G T Friend G TJoin date: September 2014Posts: 445Downloads:223Uploads:39 Thanks: 8 Thanked: 3 times in 2 posts]

#202813

How do I reduce the spaces between the menu items in main menu. Also I want to remove lines between menu items. Please see the attached screen shot.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#555464

Hello if you want to remove top border in submenu items
add this css code in your custom.css file
templates/your ja template/css/custom.css

.ja-megamenu ul.level1 li.mega {
border-top: none;}


If you want to reduce the padding between the submenu items
add this css code in custom.css


.ja-megamenu ul.level1 li.mega a.mega
{padding-top: 4px;}


Change padding top value as per your need .
Clear cache and check .
Let me know if it Helps

[G T Friend G TJoin date: September 2014Posts: 445Downloads:223Uploads:39 Thanks: 8 Thanked: 3 times in 2 posts]

#555523

I created a custom.css in templates/ja_university/css/custom.css

ja-megamenu ul.level1 li.mega {
border-top: none;}
ja-megamenu ul.level1 li.mega a.mega
{padding-top: 4px;}

But still no effect.

Check url : http://ittechies.in

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#555531

HI your site is running on old JAT3 and custom.css is not available there .
Follow the suggestion add the custom.css file in JAT3 templates and add the suggested code .
Here is link

Hope it helps you .

[G T Friend G TJoin date: September 2014Posts: 445Downloads:223Uploads:39 Thanks: 8 Thanked: 3 times in 2 posts]

#555557

I tried but some how not successful.
default.xml
<!–Extra css load for this layout–>
<stylesheets>
<file>css/template.css</file>
<file>css/custom.css</file>
<file media=”only screen and (max-width:719px)”>css/layout-mobile.css</file>
<file media=”only screen and (max-width:479px)”>css/layout-mobile-port.css</file>
<file media=”only screen and (min-width:720px) and (max-width: 985px)”>css/layout-tablet.css</file>
</stylesheets>

custom.css
.ja-megamenu ul.level1 li.mega {
border-top: none;}
.ja-megamenu ul.level1 li.mega a.mega
{padding-top: 4px;}

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#555564

Replace the code in custom.css withthis code

.ja-megamenu ul.level1 li.mega {
border-top: none !important;}
.ja-megamenu ul.level1 li.mega a.mega
{padding-top: 4px!important;}


it will work .

Update me @joomlagt if it works for you

[Author]

Posts