Full Width Navigation

  • katfras

    (@katfras)


    8 years ago

    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!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Archana Solanki

    (@archanasolanki)

    8 years ago

    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.

    Thread Starter katfras

    (@katfras)

    8 years ago

    Hi Archana, I have made those changes to the style sheet and taken an original copy for back-up.

    Sadly I have had no luck! I have left the changes running if you want to have another look, I see a small grey square in the footer now and still have the same issue with the navigation.

    http://chocgold.co.uk/

    Thank you for your help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Full Width Navigation’ is closed to new replies.