How do I move my Discord widget?

[Marlana]

Forum URL: ukrainian.boards.net/

Hi all, sorry if this has been asked before, but HTML is a challenge for me.
This is my site: ukrainian.boards.net/

I added the Discord widget (plug-in) to the site but you might notice it's in a weird spot. You have to scroll past the board and shoutbox and it's on the left hand side at the bottom, and.. it's covered by the shoutbox.

My goal was to have it look more tidy, with Twitter and Discord being together. I like the Twitter link at the top left corner, but I don't think the Discord widget was made to sit beside it. 

If it is, I'd like to know how this is done. If not, at the very worst I need to know how to move it further right so it's not behind the shoutbox anymore.

Thanks for your help!

[Brian]

Hi, Marlana.

This is a side-effect of the theme you're using on the forum. The main content gets offset from the left so that there's always room for the sidebar to display, but because of the method the theme author used to achieve that effect the contents of the headers and footers do not get offset which results in them displaying beneath the shoutbox when they're visible on the page.

It is possible to modify the theme so that it doesn't have this issue but it takes a bit of work as there's multiple elements that would need CSS modifications since the theme author added margins to each individual element that they wanted to offset. The solution is to remove those existing margins, then wrap all of the non-fixed forum content in a new element and only add the margin to that new element.