Docs

[kobyco2]

Hello,

For some reason there seems to be some difference between Firefox and Chrome with margin-top.
This is my website:
http://ad-it.online/

As you can see in the attached files, for some reason I need a different margin top in Chrome and a different one in FireFox to make the images align.

Any idea why this happens and how it can be solved?

Thank you

[Paul R]

Hi,

To fix it, you can add this under Custom > Edit Global CSS in the Customizer.

header.masthead {
   min-height:70px;
}

Then add this under Custom > Edit Global Javascript in the Customizer.

jQuery(function($) {

$(window).on("resize", function () {    
    $navbarheight = $('.x-navbar').outerHeight() + 43; 
    $windowheight = $(this).height();
    $(".home #x-section-1").css('min-height', $windowheight - $navbarheight);
    $(".home #x-section-1").css('padding',0);

}).resize();
    
});

Hope that helps.

[kobyco2]

Hello,

Thank you for your help
I have tried it but it didn’t change anything, still the same problem

Please let me know what else can be done

Thank you

[Nabeel A]

Hi again,

Can you please upload the screenshots again so we can take a look?

Thanks!

[kobyco2]

Hi,

Sure – attached – I have added some comments in the screenshots just to make sure I am clear

Thank you very much for your help!

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.rbs-img-image div[data-width][data-height] img {
   margin-top:0;
}

Hope that helps

[kobyco2]

Hi,

Thank you for all your help, but this is still not working for some reason.
what is this “rbs-img-image” class? why can’t I see it ? do I have to add it somewhere?
Do you have any other suggestions?

Thank you

[kobyco2]

Hi

I think it’s fixed now,

Thank you for all your help
Koby

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts