Archana Solanki on "Full Width Navigation"

Please could somebody advise me what custom CSS is needed to make this navigation full width.

http://chocgold.co.uk/

I feel like I have tried every code I can think of but I can't seem to get rid of that little gap on the right hand side.

Thank you!

Hi there,

Hope you are doing great today!

I am not sure whether it is a right solution or not but you may try this. It might work for you:

1. Take a back-up of your original style.css file
2. Look for the code

   .inner-wrap {
   max-width: 1100px;
   }

   and comment out
   max-width: 1100px;

3. Look for the class
   .fa.search-top {
   and add
   padding-right: 190px;
4. Look for the class
   .search-form-top {
   and add
   margin-right: 100px;
5. Look for the class
   .footer-widgets-area {
   and add

   padding-left: 190px;
   padding-right: 190px;

NOTE: This may be just a temporary solution. Please be careful while doing these changes to the style.css file as it is not advisable to modify it.

However, I would suggest you to make these changes in the css of your child-theme or you should use custom css. Please see:
https://wordpress.org/plugins/simple-custom-css/

Hope this will work for you!

Thanks,
Archana.