Stubborn padding issue

Design help General
1

Hi,

I’ve got an issue with top padding on my container not seeming to correlate to what I’m seeing on mobile. Please see this very short video:

Here’s my share link:

https://preview.webflow.com/preview/mortgagewithbadcredit-co-uk?utm_medium=preview_link&utm_source=designer&utm_content=mortgagewithbadcredit-co-uk&preview=4702ed782186ef65ec6f1eb0ff59e4c9&workflow=preview

If anyone can help I’d really appreciate it. Thanks.

Graham

2

Hello @GrahamCox

If you haven’t fixed this problem yet, can you share us the live website link since you said it doesn’t show on the designer? Also, when the live site is different than the designer, that usually means that there is some custom code affecting that, can you confirm whether you’ve got any custom code in the project settings please?

3

Hi @bavshehata

Thanks for your reply. Here’s the website: https://www.mortgagewithbadcredit.co.uk

I have this global media query code (hidden html embed) as I’m using t ricks wizardry responsive template…

@media only screen and (min-width: 1440px) { body {font-size: 14.4px;} }

I hope that helps,

Graham

4

.herosec has a margin-top of 90px which could be adjusted,

5

Hi @webdev

Thanks for your response Jeff. I did try that but what I’m seeing in the designer and on the live site don’t correlate. Please see this 1 minute video…

Thanks

Graham

6

It was really tricky since it seems one of your templates is adding a
tag.

The fix is pretty simple though, just add this piece of code in your project settings before the closing of the body tag

<script>
  let br = document.getElementsByTagName('br')[0];
  br.parentNode.removeChild(br);
</script>

Have a great day!

7

Hi @bavshehata

Thank you very much for taking the trouble to find this. Can you recall which template the br tag is in and where, I’m just wondering if it would be better to remove the
rather than script it out?

Thanks again,

Graham

8

Sure, I believe it has to with the cookie consent. You don’t have to get rid of the template, this simple script should fix this problem with having any side effects. If the problem only persists in the homepage. You can add the script in the homepage custom code before the closing body tag instead of having it in the whole project.

Hope that solves your problem!

9

Thanks @bavshehata, that’s done the trick. I’ll speak to cookiehub to see if they can fix this long term.

Many thanks again for all your help, I really appreciate it.

Graham

1 Like
10

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.