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

Margin between menu buttons

Start
Prev
1
Next
End

andrewbcs
Topic Author
Offline

4 years 8 months ago #6623 by andrewbcs

andrewbcs created the topic: Margin between menu buttons

Hi,

If you look at baleandstrap.co.uk/jm3/ I would like to reduce the margins between the different menu buttons. How can I do this?

Thanks,
Andrew

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

marcin
Offline

4 years 8 months ago #6625 by marcin

marcin replied the topic: Margin between menu buttons

Hello,

I have moved this topic to the JM-Modern-Store category.

You need to edit the following file:

/templates/jm-modern-store/css/djmegamenu.css

In the line ~24th you will find the following styles:

.dj-megamenu li a.dj-up_a {
    color: #444444;
    cursor: pointer;
    display: block;
    float: left;
    font-weight: bold;
    height: 58px;
    padding: 1px 20px;
    text-transform: uppercase;
}

In the line 58th you will find the following styles:

.dj-megamenu li:hover a.dj-up_a, 
.dj-megamenu li.hover a.dj-up_a, 
.dj-megamenu li.active a.dj-up_a {
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    padding: 0 19px 1px;
    text-decoration: none;
}

For all of them you need to adjust the "padding" value to fit your needs.
Save the file and that's it.

Regards,
Marcin

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