how to move my side bar over a little bit

Nice logo you got there. If you still have the original file, better save it in png format.

Text image saved as jpg
https://i.imgur.com/y56voG0.jpg

Text image saved as png
https://i.imgur.com/anEBYDA.png

Regarding the CSS modifications, it could be done without touching function.php, but we don’t make adjustments until we have real content in the page. The visual can be illusive.

Try putting in several paragraphs in the content along with some images, gallery, youtube embed, etc. Do the same for sidebar, put in text widget with some text, twitter embed, banner image.

Right now the container is 960px, content is 620px, sidebar is 248px, so the gap is 92px, so if wanted we can increase (not move) the sidebar width a little bit more. It can’t be moved to right edge, it will spill out the container.

Also, this theme is built for user to not touch the code, “Create your website without touching a line of code. Make’s flexible customization features and a powerful drag and drop page builder make designing your site fun and easy”, so the adjustments we need might already be available in theme options, check the documentation to make sure.

I don’t want it to be right on the edge, just moved over closer to the edge so it’s looks better. Because, right now it looks like it will be too close to my posts once they’re there. I looked at the side bars and widgets in the theme options and there’s no way to move it as far as u can tell. I made a child theme so I could customize the contact form and make any other changes I want without losing everything when the theme updates. And thanks for the compliment on my logo ??

I do have a post ready to publish, I can post it and see if it moves I guess…

Ok, I’m previewing my post and the sidebar is still in the same spot, so it’s not going to make it move.

Right now, there is no real content in the content area and sidebar area. On the sidebar area, there’re only title, this is creating the illusion that it’s closer to the left.

Try temporary put this in your child theme’s style.css

.site-main, .sidebar { outline: 1px solid pink; }

so now we can see the real edge of content and sidebar, also notice that sidebar is floated right, so it’s already hit the right edge, can’t be moved any further.

ok, i added the code and i can see the border. and what your telling me is that even though there’s a big chunk of space on the side of the sidebar that it can’t be moved over? because there’s a good 2 inches of empty space there. i just want it moved over to line up with where it says home, if my menus can be over there then why can’t the sidebar be too? i don’t want it moved that far, it’s just a tiny bit really. and, if i could do it using firebug then it should let me.

because when i change this in firebug:

.has-right-sidebar #sidebar-left, .has-right-sidebar #sidebar-right, .has-left-sidebar #sidebar-left, .has-left-sidebar #sidebar-right {
width: 25.8333%;
}

if i change the width to 21.4333% it moves it right where i want it.
but i can’t find this anywhere in the code, i’m probably just looking in the wrong spot, but if i can do it with firebug then it’s gotta be possible right?

Try this, it’ll align the left of sidebar to the “home” menu item as you want.

@media screen and (min-width: 800px) {
	.has-right-sidebar #sidebar-right { width: 205px; }
}

perfect, thank you!