Global Block in footer not full width

[uspatriot55]

I’ve got a global block of footer links that’s made up of a row with five columns that contain text blocks with the links. When editing this global block, the row is full width, but when I drop it into my footer, it’s only about 60-70% wide on fullscreen. You can see the issue in the footer at https://instituteforbiblicalresearch.org/

How can I fix this so that the links go full width on fullscreen?

[tristup]

Hi @uspatriot55,
Thanks for reaching out.

In your footer the Global Block section is not in 100% width, Here I have tried to make that item 100% width and it works, you can take the following code as an example.
You can add the following code to the specific Global Block CSS section.

$el.x-global-block
{
    width:100%
}

Remember that the above code will work if copied as it is and don’t conflict with any existing code.
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 do not provide support for custom codes that means we can’t fix it in case it conflicts with something in your site nor will we enhance it.

Thanks

[uspatriot55]

@tristup

$el.x-global-block
{
    width:100%
}

Thanks. That’ll work.

[marc_a]

@uspatriot55,

It’s our pleasure to help you.

Thank you.