Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1365908

    Dear Team,
    on my draft page below I have a mix of standard link items Level1 plus L2 (“e.g. “Gewerbe”) plus mega menu (“Wohnungswirtschaft”) with addtl. L3 items. I would like to get a similar appearance for all, but I am struggling with those, also after trying with several advanced styling options:
    – L2 items are smaller vs. L1 and L3
    – L2 need a grey mouseover bakcground, too
    – by clicking on Home/logo, the L1 item “ETH” always appears black, whereas this should only be on active items

    As always, thx in advance for your great support / best regards, Tilman

    #1365948

    Hey Tilman,

    Thank you for the inquiry.

    The main menu seems to be displaying fine on our end. Would you mind providing a screenshot of the issue? You can use imgur, savvyify or dropbox for the screenshot. Thanks.

    Best regards,
    Ismael

    #1365952

    Hey Ismael.
    sure:

    View post on imgur.com

    second pic is mouseouver L2 – no grey background

    browser: chrome Mac

    • This reply was modified 3 days, 7 hours ago by  oestersund.
    #1365957

    Hi,

    Thank you for the screenshot.

    Do you want to change the background of the active L2 item? This css should help.

    #top #header .avia_mega_div > .sub-menu > li > ul li.current-menu-item {
        background: gray;
    }
    

    Best regards,
    Ismael

    #1365960

    thx – but this does not fix the issue – same appearance. also if I take grey instead of gray

    PS: font size L2 i was able to fixe, so only the grey background for L2 items is still missing.

    thx & cheers Tilman

    • This reply was modified 3 days, 6 hours ago by  oestersund.
    • This reply was modified 2 days, 8 hours ago by  oestersund.
    #1366064

    Hi,

    Thank you for the update.

    We adjusted the css code a bit.

    #top #header .avia_mega_div > .sub-menu > li > ul li.current-menu-item, #top #header .avia_mega_div > .sub-menu > li > ul li.current-menu-item a {
        background: #ebebeb;
        color: #ffffff;
    }
    

    Let us know if this one works.

    Best regards,
    Ismael

    #1366070

    Hi Ismael,
    no effect on my end. The complete quick CSS see below – maybe this helps

    thx again / Tilman

    #1366082

    Hi,

    Thank you for the update.

    The css looks correct. Can we access the dashboard? Please provide the login details in the private field.

    Best regards,
    Ismael

    #1366088

    Sure, pls find below

    #1366237

    Hi,
    Thank you for the link to your site, I see that the css was probably added from an email instead of from the forum, typically this will cause the greater than symbols to paste as code:
    2022-09-24_010.jpg
    I corrected for you:
    2022-09-24_011.jpg
    and now it is working:
    2022-09-24_012.jpg
    please clear your browser cache and check.

    Best regards,
    Mike

    #1366257

    HiMike,
    thx for fixing & your hint re. mail copy :-)

    But the 4 mega menu items below “Wohnungswirtschaft” / i.e. Menu Level 2 do still not show the grey background on mouseover. -> “Entsorgungslösungen”, -> “Abfallmanagement” etc

    This was and is the goal, too (pls see my first entry of this post)

    thx again & best regards Tilman

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.