Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 10, 2019 at 7:08 pm #1155377
    webprojektdonauwoerth

    On the website of my association https://www.kreisverband-donauwoerth.de there is a problem with the background in the main menu.
    Is there a possibility that the menu remains vertically centered as before, but the background color is not so high and the height is a maximum of 50px-60px?

    November 11, 2019 at 5:49 am #1155483
    Rikard

    Hey webprojektdonauwoerth,

    Please try the following in Quick CSS under Enfold->General Styling:

    #top #header_main > .container {
    height: 60px;
    line-height: 60px;
}

    Best regards,
    Rikard

    November 11, 2019 at 3:36 pm #1155636
    webprojektdonauwoerth

    Hello, first of all thank you for the quick reply.

    I forgot to mention that the logo should have the same size as before. But when I insert the code, it shrinks and is no longer recognizable.

    November 12, 2019 at 4:13 am #1155799
    Rikard

    Hi,

    Thanks for the update, but how can your logo be the same size as before if the container decreases in size? Are you looking for it overflow the header boundaries?

    Best regards,
    Rikard

    November 12, 2019 at 11:16 am #1155960
    webprojektdonauwoerth

    @Rikard: Thanks for your reply.

    All I want is for the green background not to fill in the full height of the header but to emphasize the text a little bit (as if going over it with a highlighter).

    Best regards,

    Lukas

    November 13, 2019 at 5:23 am #1156271
    Rikard

    Hi Lukas,

    Thanks for the clarification. I can’t view your site anymore since it’s in maintenance mode, could you post login details in private please?

    Best regards,
    Rikard

    November 13, 2019 at 8:34 am #1156303
    webprojektdonauwoerth

    I’m sorry. I have deactivated the maintenance mode again.

    November 13, 2019 at 12:42 pm #1156373
    Rikard

    Hi,

    Thanks for that. Please try this CSS instead:

    #top #header_main > .container .main_menu .av-main-nav > li > a {
    height: 60px;
    line-height: 60px;
}

    Best regards,
    Rikard

    November 13, 2019 at 2:03 pm #1156403
    webprojektdonauwoerth

    That’s it. Thank you very much.

    I added the following code because the menu was moved up:

    margin-top: 100px; (the header is 260px high, so 260px – 60px for the hover background =200px / 2 = 100px)

    November 14, 2019 at 6:07 am #1156658
    Rikard

    Hi,

    Great, I’m glad that you got it working and thanks for the feedback and sharing your solution. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.