- This topic has 4 replies, 2 voices, and was last updated 6 months, 2 weeks ago by
.
-
Posts
-
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=7ce4e73c5e1f4f622c4d77b6477c9b6aIt´s blue at the moment but I´d like to have the coloring: #FFD618
Thanks for your help!
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=0247bd66355f8309b8ad53b0c772354bthanks 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
- You must be logged in to reply to this topic.
