Archived topic

Horizontal lines over/under primary menu

4 replies · Started by italiensk-tolk on November 30, 2019

Viewing posts 1–5 of 5

November 30, 2019 at 2:24 am #1085742

Hi GP

I've added this custom css found in the forum:

.main-navigation {
    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa; 
}

It's adding the lines over/under the primary menu as seen here: new.italiensk-tolk.dk

I would very much like to adjust the lines so they:
1) align with the text (left/right) and
2) are adjusted a few pixels away from the menu (up/down) as seen in the old theme: italiensk-tolk.dk

Thansk from a very satisfied GP user in Denmark :-)
Regards
Michael

November 30, 2019 at 2:26 am #1085745

I would be happy if anyone could tell me whether I should look at css or background graphics.
Thank you.

November 30, 2019 at 4:26 am #1085971

Hi there,

remove the CSS you have added for the borders and try this instead:

@media (min-width: 769px) {
    .main-navigation .inside-navigation {
        margin: 0 40px;
        border-top: 1px solid #aaaaaa;
        border-bottom: 1px solid #aaaaaa;
        padding: 5px 0;
    }   
}

November 30, 2019 at 4:31 am #1085979

PERFECT David - thanks a lot!

November 30, 2019 at 4:32 am #1085980

You're welcome

This archived topic is closed to new replies.

Start building better websites today.