Strange Notch in Global Block

[brockburwell]

I’m having a weird issue with my Global Blocks footer, where it has a strange notch it in on the top right hand corner on every page. Any suggestions on why that is?

Additionally, the blue color I have set for the global block doesn’t go all the way to the edges of the website. Any suggestions on that?

Cary Law Office - Charleston Attorney

[tristup]

Hi @brockburwell,

Thanks for reaching out.
It seems that the Site Max Width is set to 1050px from Theme Options > Layout and Design as shown in the given screenshot and that is why the Footer is not set to full width. If you increase the Site Max Width it will affect the other content, so you need to customize the Footer which is only possible with the Footer Builder exclusively available with the Pro not the X which you are using. I would suggest you upgrade to the Pro theme, please go through the process here: https://theme.co/docs/converting-from-x-to-pro
And also go through the following article and videos on Header Builder

Footer Builder Overview | Themeco Docs

Gooder Footers: Force Responsiveness with the Line Element

Alternatively, you can try adding the following custom CSS code adding into the Theme Options > CSS to set the footer color the same as the Global Block, so it looks like full width.

.x-colophon
{
    background:rgb(28,40,65)
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it. Further customization should be directed to a third-party developer or you can avail One, where we answer the questions beyond normal theme support.

Thanks