In the end I changed the image and didn’t need the line anyway. But I did manage to center it by adding:
background-position: center;

But you can close this now. Thanks for trying! :)

It’s also very noticeable on mobile.

You can close this now.

It certainly did! Thanks a lot. :)
One more question, though: Is there a way to vertically center the content of the two columns that I now have? So the text on the left is in the center of its column relative to the video on the right? If that makes sense?
I drew it here: https://imgur.com/a/KMX0KKr

Perfect! I just had to purge the cache. Thanks a lot! So any visitor that’s been there needs to purge their cache for this to work?

Hi MIke

Yes, or to any other text that I want. It needs to be in Danish is actually what I’m looking for but obviously I’ll just add that text myself once the javascript works. I’ve added a login.

Hi Nikko
I replaced the part of the code with what you suggested but it couldn’t save. Got the same error as before. But then I added the “}” afterwards so it said “<?php }” and then it was able to save. Unfortunately, it didn’t change the countdown clock text. Any other suggestions? :)

I managed to fix it own my own by giving an ID to the two first columns and targeting those. For anyone else with the same problem, here’s the code:

@media only screen and (max-width: 767px) {
#jgs-column-space-id {
margin-bottom: 85px !important;
}
}

So you can close this thread. :) Thanks all.

That’s perfect! Thanks so much. :)

That worked! Thanks a bunch. :)

Thanks for the reply! I tried the code in both custom css and quick css but it didn’t do the trick, unfortunately. Also, would this work only if you use a footer then? My main pages are in Danish with a Danish footer but I recreated my pages in english but I couldn’t use the same Danish footer so I just created a color section and added 3 widgets and recreated the footer that way for my English version here: https://bezzerwizzer.dk/uk/

EDIT: I actually managed to fix it so it works! Great! Thanks! But here’s another question: Is there a way to remove the vertical line spearator to the RIGHT of the instagram icon? And only keep the vertical line separator between the Facebook icon and the instagram icon? Do you know what I mean? :)

• This reply was modified 4 years, 3 months ago by resting-jeppesen. Reason: fixed it but have another question

Thanks for replying! :)

Unfortunately, it’s fixing it only partly. What it fixes is that the columns are looking great and evenly spaced on mobile view. That’s fantastic! :D But it also adds a wide gap between the welcome text and line separator, as well as the column with BEZZERWIZZER Ord and the small separator after that. So I guess the code adds whitespace between lots of elements but is there a way to only target in between columns so it doesn’t affect everything else?

Do you know what could be causing the problem in the first place?

Maybe I can add a custom class to the coloumn and target that and then add a margin on mobile view?

Yes it seems that did the trick. Thanks so much. :)

It worked though I used 98% instead of the 48.5%

thanks alot.

Well I get that result with the latest firefox, crome and ie.

Also crome for android, some native browser on lg g2 android phone, the native browser on an iPhone5. So basicly all the browseres I can get my hands on:)