Stretch navigation background from side to side

Hi guys,

I would just like to stretch the black background (without the menu items moving or stretching) all the way. I’d like to do it for header nav, sticky nav, and footer. Unfortunately the simple CSS doesn’t work for me as the code has !important tag which I cannot override.

Here is the code I cannot override:

#tdi_29.tdc-row[class*='stretch_row'] > .td-pb-row > .td-element-style, #tdi_29.tdc-row[class*='stretch_row'] > .td-pb-row > .tdc-video-outer-wrapper {
width: 100% !important;
}

EDIT: It’s hard to see as the background is white, but navigation background (and the rest of the content) is boxed, not full-width.

Thank you for the help 🙂

• This topic was modified 3 years by SwankyFella.
• This topic was modified 3 years by SwankyFella.

Hi @Bettina,

Thank you very much for the fast response. I have managed to do it, but is it possible to stretch the row (black background) but keep the Navigations items boxed (aligned to the content below) as it was before?

Here’s a pic:

Here’s a pic how I would like it to look like:

Thank you once again.

• This reply was modified 3 years by SwankyFella. Reason: Adding another image

UPDATE @bettina – managed to do it. Thank you for your time 🙂

Hi @bettina,

Sorry, I need help again. As I was making the contact form, I deleted the categories part from that page and it seems I have deleted it from all the rest. How can I get it back without reinstalling the demo and losing all my progress?

Here is a picture:

You can see my website here.

Thank you.