Side Menu Bug in Tablet or Phone width ?

Hello, the side menu on two websites I’m using this template on have a crushed width when in table or phone width, see attached.

Hey there,

I hope you are well today and thank you for your question.

Can you provide the URL to your websites so we can have a look at the issue?
And note which part of the website this is.

Best regards,
Support.

Sorry I thought I did that, hear it is Chipset.net
I see the problem but don’t knwo how to fix it, I was give the below code from a suppport oerson here to widen the pages , that code is cuasing the menu problem on smaller devices.

/Increase width/
.wrapper {
max-width: 1300px;
border-radius: 10px;
}

section.featured-slider img {
width: 800px;
}

/Content margin/ div#main {

margin-left: 10px;
margin-right: 10px;
}

/Post content/ #primary {
width: 80%;
}

/Widget Content/ #secondary {
float: left;
margin-left: 3px;
width: 19%;
}

/Full container for both primary and secondary/ .container {
margin: 0 auto;
max-width: 100%;
}
Above is the rest of the code,
I FIXED it but not sure if it’s correct, I found if I take the “width %” tags out of all the CSS it works fine, is this OK or will it cause problems somewhere else?