× Support for Joomla 2.5 templates is discontinued. This forum category is read-only.

Reduce space/padding on menu

More
4 years 1 month ago #7820 by andrewbcs
andrewbcs created the topic: Reduce space/padding on menu
Hi,

If you look at belfastblooms.co.uk/newsite/index.php I would like to reduce the space/padding in between the menu links if possible?

Thanks,
Andrew

Please Log in or Create an account to join the conversation.

More
4 years 1 month ago #7824 by artur
artur replied the topic: Reduce space/padding on menu
Hello,
This is JM Kids Fashon Store template.
You can add css in 'less/custom.less'. Example :
.dj-megamenu li a.dj-up_a {
    height: 20px;
    padding-left: 5px;
    padding-right: 5px;
    span {
        height: 20px;
        line-height: 20px;
    }
}

Best Regards.

Please Log in or Create an account to join the conversation.

More
4 years 1 month ago #7956 by andrewbcs
andrewbcs replied the topic: Reduce space/padding on menu
Hi, Thanks for your help. I tried this but it did not make any difference. How can I reduce the menu font size as I still have 2 more menu options to put in?

.dj-megamenu li a.dj-up_a {
height: 20px;
padding-left: 4px;
padding-right: 4px;
span {
height: 20px;
line-height: 20px;
}
}

Thanks,
Andrew

Please Log in or Create an account to join the conversation.

More
4 years 1 month ago #7964 by artur
artur replied the topic: Reduce space/padding on menu
Hello,
You can set DJ-Megamenu font size in Template Manager.
Extensions -> Template Manager -> JM-Template -> Font settings

Best Regards.

Please Log in or Create an account to join the conversation.

More
4 years 1 month ago #7966 by andrewbcs
andrewbcs replied the topic: Reduce space/padding on menu
Thank you for that. The spacing between the menu items does not seem to be adjusted by the code that you suggested. Developer mode is enabled. What am I doing wrong?

Thanks, Andrew

Please Log in or Create an account to join the conversation.

More
4 years 1 month ago #7971 by artur
artur replied the topic: Reduce space/padding on menu
Hello,
In this case, your style is less important than original.
Example :
#jm-allpage .dj-megamenu {
  height: 20px;
}
#jm-allpage .dj-megamenu li a.dj-up_a {
    height: 20px;
    padding-left: 5px;
    padding-right: 5px;
    span {
        height: 20px;
        line-height: 20px;
    }
}

Please Log in or Create an account to join the conversation.

Time to create page: 0.253 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2018 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.