[Resolved] Horizontal lines over/under primary menu

[italiensk-tolk]

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

[italiensk-tolk]

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

[David]

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;
    }   
}

[italiensk-tolk]

PERFECT David – thanks a lot!

[David]

You’re welcome

[Author]

Posts