Reducir alto del djmenu - Reduce high dj menu

More
6 years 10 months ago #6654 by artur
artur replied the topic: Reducir alto del djmenu - Reduce high dj menu
Hello,
You can add CSS in 'less/custom.less'. Example :
.dj-megamenu {
  border-top: none;
  border-bottom: 1px solid #ddd;
  margin: 0 0 5px; /* you can remove this style */
}

.dj-megamenu li.dj-up:after {
  top: auto;
  bottom: -1px;
}

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

More
6 years 4 months ago #8239 by jorgemuralles
jorgemuralles replied the topic: Reducir alto del djmenu - Reduce high dj menu
Hi Arthur. I added this code the custom.css

Here is a link to the website:

www.murallesenterprises.com/uniformescaf/

.dj-megamenu {
border-top: none;
border-bottom: 1px solid #ddd;
margin: 0 0 5px; /* you can remove this style */
}

.dj-megamenu li.dj-up:after {
top: auto;
bottom: -1px;
}

How do I use the code above to reduce the menu height, It is being included as I can change the bottom border.

I adjusted the margins but it make no difference.

I would like the menu's height to be smaller.

Thanks for the help.

Jorge Muralles

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

More
6 years 4 months ago #8241 by artur
artur replied the topic: Reducir alto del djmenu - Reduce high dj menu
Hello,
Add css in custom.css. Example :
#jm-allpage .dj-megamenu li a.dj-up_a {
padding: 20px; /* adjust */
}

Regards.

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

More
6 years 4 months ago #8244 by jorgemuralles
jorgemuralles replied the topic: Reducir alto del djmenu - Reduce high dj menu
Hi Artur. Thank you very much for the help.

This did work.

I used the the following code to adjust the height of the sub menu and it did not work.

.dj-megamenu li ul.dj-submenu > li > a {
display: block;
font-size: 16px;
line-height: 1.1;
text-decoration: none;
padding: 20px 0px;
color: #838383;
border-top: 1px solid #2B2B2B;
}

What style is it that I should change to achieve this?

Thanks

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

Time to create page: 0.242 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-2021 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.