Extend background-color of header beyond wrapper

Hello,

Any idea how to extend the background color of the menu? I knew that's an option to set full width but it apply to the top section also. I just want the menu section extended to full width.

Comments

  • Hi,

    Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

    Thanks

  • Hello,

    Here is the link https://harvester.bluecube.com.sg/


    Thanks

  • Sorry, it won't be possible to achieve, this header is limited to the wrap width which is the same for all elements in it.

    I tried to create a custom css code, but it will require a lot of it, like reconstruction the header to behave correct on all resolutions.

    If you will enable the full width option, I can handle the CSS code to limit the top section for the max width of content.

    thanks

  • I have enable full width option, can you provide me the code to limit the top section for the max width of content?

  • Please paste that CSS code into Theme Options -> Custom CSS & JS -> CSS

    @media (min-width:768px){
       .top_bar_row-first{max-width:1280px !important; margin:0 auto;}   
    }
    


    thanks

  • It's work perfectly. Thanks!

Sign In or Register to comment.