- This topic has 4 replies, 2 voices, and was last updated 1 year ago by .
Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 total)
- You must be logged in to reply to this topic.
Home › Forums › Pro Themes › Edufication Pro › Changing Menu Bar Color
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!
Is it possible to share your site URL? we will inspect and provide you a CSS to change the color
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!
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.
Thanks a lot @PSINK
Cookie | Duration | Description |
---|---|---|
cookielawinfo-checkbox-analytics | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics". |
cookielawinfo-checkbox-functional | 11 months | The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional". |
cookielawinfo-checkbox-necessary | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary". |
cookielawinfo-checkbox-others | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other. |
cookielawinfo-checkbox-performance | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance". |
viewed_cookie_policy | 11 months | The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data. |