Sidebar removal caused issues

Hello,

?Please try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

#site-header.medium-header #site-header-inner {
    padding: 0;
}
#site-header.top-header .header-top #site-header-inner {
    padding-left: 300px;
}

I get this error “Unable to save due to 1 invalid setting.”

I copy pasted the code in the Custom CSS/JS section. Not quite sure if i did it the right way

Seems something wrong with the previous Custom CSS added codes.

Please copy and paste all the added codes in the Custom CSS box or share a snapshot of the Custom CSS box.

Hi,

Tis is what is there in the Custom CSS box

<h2>About Us</h2>		
			<h2>[ninja_form id=4]</h2>		
			<h2>CONTACT INFORMATION</h2>		
		<p>We welcome feedback as it helps us better service your needs as valued customers.</p>
<p>For any comments and queries, please get in touch with us.</p>		
			<h2>Email</h2>		
		<p style="font-variant-ligatures: normal; font-variant-caps: normal; font-family: Asul, sans-serif; font-size: 20px; font-style: normal; font-weight: 800; color: #000000;">[email protected]</p>		
			<h2>Phone</h2>		
		<p style="font-variant-ligatures: normal; font-variant-caps: normal; font-family: Asul, sans-serif; font-size: 20px; font-style: normal; font-weight: 800; color: #000000;">+1 000 000 000</p>		
			<h2>Address</h2>		
		<p style="font-variant-ligatures: normal; font-variant-caps: normal; font-family: Asul, sans-serif; font-size: 20px; font-style: normal; font-weight: 800; color: rgb(0, 0, 0);">Blubinga Group</p><p style="font-variant-ligatures: normal; font-variant-caps: normal; font-family: Asul, sans-serif; font-size: 20px; font-style: normal; font-weight: 800; color: rgb(0, 0, 0);">4283 Express Lane</p><p style="font-variant-ligatures: normal; font-variant-caps: normal; font-family: Asul, sans-serif; font-size: 20px; font-style: normal; font-weight: 800; color: rgb(0, 0, 0);">Suite 5279-244</p><p style="font-variant-ligatures: normal; font-variant-caps: normal; font-family: Asul, sans-serif; font-size: 20px; font-style: normal; font-weight: 800; color: rgb(0, 0, 0);">Sarasota, FL 34249</p>

This is what is there in simple CSS box

.single .thumbnail img {
    width: 60%;
    display: flex;
    margin: 0 auto;
}

.category .page-header {
  margin-bottom: 30px;
}

Hello,

Please remove these blocks of codes and keep only the provided one from the Custom CSS box and check.
Because that code seems HTML codes only.
https://ibb.co/VphR8kk

I have removed all the code from the custom CSS box and put only the one that you have given me

#site-header.medium-header #site-header-inner {
    padding: 0;
}
#site-header.top-header .header-top #site-header-inner {
    padding-left: 300px;
}

But the alignment is still not correct. On all the pages except the blog pages, the top bar contents (menu) is moved to the left.

Can you please suggest something else? Thanks loads

Glad to hear that previous issue has been resolved.

Please go to Appearance > Customize > Typography > Main Menu, from here change the font size according to need.

Try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

#main #content-wrap {
    padding-top: 50px !important;
}