Repositioning Mobile Menu

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 www.ads-software.com

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?

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

Is this what you want https://snag.gy/gzbjP.jpg ?

Yes.

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.

Could you link the webpage in question?

https://www.soulluciani.com

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?

Could you link the page with that issue?

https://soulluciani.com/home/