Home Forums Pro Themes Edufication Pro Changing Menu Bar Color

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #190991
    fastforward
    Participant

    Hi together,

    I couldn´t find an option to change the color of the menu bar (mobile version and desktop version when window is small)

    Here is the video that explains it:
    https://www.awesomescreenshot.com/video/21395065?key=7ce4e73c5e1f4f622c4d77b6477c9b6a

    It´s blue at the moment but I´d like to have the coloring: #FFD618

    Thanks for your help!

    #191009
    Psink
    Keymaster

    Is it possible to share your site URL? we will inspect and provide you a CSS to change the color

    #191064
    fastforward
    Participant

    Sure psink, it is: educationhelp.de

    You´ve also provided me a css to add some links in the footer. I wanted to ask, how I could leave some space between the two links and make them be in the mid-center of the footer. Here is a screenshot explaining what I mean:
    https://www.awesomescreenshot.com/image/43525195?key=0247bd66355f8309b8ad53b0c772354b

    thanks a lot in advance!

    #191071
    Psink
    Keymaster

    Regarding the menu color, here’s the CSS that changes color and text color:

    @media screen and (max-width: 1023px) {
    .main-navigation ul.nav-menu > li > a {
    color: #555;
    }

    .main-navigation ul.nav-menu {
    background-color: #FFD618;
    }

    .main-navigation form.search-form input {
    background-color: #FFD618;
    color: #000;
    }

    .main-navigation ul#primary-menu li.current-menu-item > a {
    color: #12315d;
    font-weight: 700;
    }
    }

    NOTE: You can change the color as per your requirement.

    Again, for the footer links, you can add the CSS below:

    .site-info span {
    display: flex;
    justify-content: center;
    gap: 25px;
    }

    @media screen and (min-width: 767px) {
    .site-info.col-2 span {
    width: 100%;
    }
    }

    NOTE: For spacing, you can change the gap value as per your requirement.

    #191161
    fastforward
    Participant

    Thanks a lot @PSINK

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