Yes, you’ll need to look into the CSS for the theme and make the changes in the child-theme. Lots of tutorials for child themes on ww.wp.xz.cn
I have a child theme set up and have made a bunch of edits already. I’m just not sure what to edit to accomplish my goal.
I specifically would like to move the menu down a few lines and replace it, so it is at the left side of the screen. Is there anyone who may be able to give me a few pointers on what to edit?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
How familiar are you with CSS, do you know how to position stuff with CSS already and just want to know which CSS selectors to target?
I know a little bit and have been successful making other edits. But I am definitely a beginner so as much info as you can provide is helpful. Thanks
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Is this what you want http://snag.gy/gzbjP.jpg ?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
At the bottom of your Child Theme style.css file add this:
@media only screen and (max-width : 320px) {
.site-navigation {
clear: left;
margin-top: 1em;
}
.menu-toggle,
.site-navigation { float: left; }
}
I tried that.. it didn’t do anything.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Could you link the webpage in question?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
I can’t see where you added the CSS, but you have a syntax error near the bottom of your stylesheet, here:
#masthead img {
float: right;
max-height: 75px;
width: auto;
You need to close off that style.
That worked. Thanks for noticing. It did create another situation tho. the circles are no longer in pairs going strait down. Where should i change this?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Could you link the page with that issue?
