fix theme width problem

hmm…
this is video, i hope you can see problem…
https://youtu.be/AvBRica8n6E

you need to work through the ‘responsive styles’ section of style.css to find and compensate the styles responsible for the shift in the layout;
a tool such as Firebug https://getfirebug.com/ might help you to identify which styles you need to edit.

i know this problem coming from style.css, but i need concrete way, code…

@alchymyth is right. you need specify your max-widths and min-widths. and try using accurate values of your css(in pixels) instead of percentages.

the said tool by alcymyth will help you a lot but i’m not sure if you’re using the parent theme since i want to suggest doing these changes on a child theme.

Nope… changing the Responsive Structure width didn’t work either. Here’s what I tried

WAS
/* =Responsive Structure
———————————————– */
@media (max-width: 800px) {
width: auto;
}

TRIED
/* =Responsive Structure
———————————————– */
@media (max-width: 1000px) {
width: 1000px;
}

…and new menu items STILL canNOT be saved to the navbar ??

Ooops, sorry… I responded to the wrong post by mistake.

/* =Responsive Structure
----------------------------------------------- */

@media (max-width: 800px) {
	/* Simplify the basic layout */
	#main #content {
		margin: 0 7.6%;
		width: auto;
	}

i changed width: auto; but not working

[Stop bumping. If it’s that urgent, consider hiring someone.]

#page {
    max-width: 1000px !important;
}

Try This …

Jayanti Solanki
no effeqt ??