Dyad Theme, changing background and text colour of dropdown menu

  • Resolved Joiningpoint

    (@joiningpoint)


    7 years, 9 months ago

    Hi,
    I have just migrated from https://ruhrkajak.wordpress.com/ to self-hosting https://neuwordpress.wkg-witten.de/

    Thanks to the forum I have found plenty of useful CSS snippets which I have added, but could not find the answers to my questions below:

    However if you take a look in the main menu under, for example, “der verein” the drop down menu is dark and the writing is dark. How do I change this to look like it did on the orignal site (dark Grey Background, white writing)?

    Secondly the website title, top left, “WKG Witten e.V.” looks different to the way it does on the wordpress.com site, not as sharp, the same for the menu writing as well.

    Thanks for your support and feedback.

    Kind regards

    Andy

Viewing 5 replies - 1 through 5 (of 5 total)
  • AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello joiningpoint,

    Try below css code.


    #site-navigation ul ul li {
    background: #939393 ;
    }
    #site-navigation ul ul::before {
    border-color: transparent transparent #939393 transparent;
    }
    #site-navigation ul ul li a {
    color: #ffffff !important;
    }

    Hope this will helps you.

    Thanks!

    Thread Starter Joiningpoint

    (@joiningpoint)

    Hey

    Thanks for the quick reply. That works great.

    I just noticed that on the mobile version for phones that when you start scrolling up that the menu colour changes from light to dark and cannot be read anymore.. any ideas why?

    Thanks

    Andy

    Hi Andy,

    I’ve copied all of the custom colors CSS from your WordPress.com site here:

    https://pastebin.com/raw/zkrMnFba

    If you replace everything in your Customize > Additional CSS area with the CSS from the above link, your site should look the way it did on WordPress.com.

    AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello joiningpoint,

    Try below css code.


    @media only screen and (max-width: 960px) {
    .is-scrolled .site-header,
    .blog .site-header,
    .home .site-header {
    background-color: transparent;
    }
    }

    Hope this will helps you.

    Thread Starter Joiningpoint

    (@joiningpoint)

    Hi,
    Thanks both of you for your replies. Both worked and solved the problem in the mobile version of the site. David – I have gone with your copy of the code from the original website, as this solves everything at once.

    It is so great to find all of this help here in this forum – amazing

    Thanks once again for the replies.

    Andy

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Dyad Theme, changing background and text colour of dropdown menu’ is closed to new replies.