Menu Width

Not sure what’s going on, but the CSS on your site is not working – possibly check on some mark-up errors:

https://validator.w3.org/check?uri=http%3A%2F%2Fsukajee.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Thank you very much for the response.
I am not a good coder.

The inspect element feature in chrome gives the following related code for the menu with check boxes.

#nav-menu2, #nav-menu2 .menu-header, div.menu {
width: 91.61%;
max-width: 1050px;
margin-left: 10px;
}

When I uncheck width: 91.61%, the menu gets fixed.
But I didn’t find that value in my theme’s style.css.

Please help me to locate the value to be edited(or may have changed).

Thank you.

Yes, that code:

#nav-menu2, #nav-menu2 .menu-header, div.menu { width: 91.61%; max-width: 1050px; margin-left: 10px; }

is actually in line 58 of your actual web-pages, probably editable via the header.php file as opposed to being in a .css file.

If you find that code in the header.php file, best to remove it and place in the .css file to keep things clean.

If you can’t find that code then it’s probably being generated from another of the theme files.

You will find this setting in admin/admired-custom-header.php
on line 217

Correct setting you are looking for is…width: 100%;

Try adding this to your custom CSS:

#nav-menu2 {
   width: 100%;
}

Hello,

I saw this post and i am having EXACTLY the same issue. I am not a coder at all but i went through and followed each point and i am still having the same trouble.

Same as sushil when i uncheck the boxes it goes perfectly but refresh resorts it back to doubled up menu bar.

Please help

https://www.sheppeyshoutout.com

Thank you