Hi,
I always build my website using chrome browser, and there is just ONE thing that looks different in edge and firefox and I don’t know how to fix it.
All the other things looks fine, the problem is just with the top margin of a single image in the homepage.
My website url is: https://desdelaraiz.com
There are 2 pictures with the difference between chrome and edge.
Chrome:
https://imgur.com/SCqDDOC
Edge:
https://imgur.com/HbKS90k
Do you know how can I fix it?
Thank you.
Hi,
Seems to be an issue with a margin set for that single image. While Chrome for example sets the margin from the top of the page
– http://prntscr.com/l8yh6z
On IE the margin is set from below the header – http://prntscr.com/l8yhom
Could be that some CSS is not applying properly in IE/Edge. Is that margin set in the composer, CSS tab?
Thanks
Yes, is set with tagdiv composer in CSS tab.
The top margin of the row is: -160px (this way, the background image of the row is also behind the menu)
The top margin of the lead magnet is: 200px
The top margin of the image of myself is: 112px
So, there is any solution? There should be a way that Edge and Firefox apply properly the css like chrome do.
Thank you!
You could try something like this. First set a class to that single image element. Use “myclass” for example.
Then enter a code like this in the custom CSS section
html[class*=ie] .myclass {
margin-top:0!important;
}
It should apply only for IE browsers and remove that margin, with this result
– http://prntscr.com/l90ko9
If you use a different class name, modify it in the code as well. Please check if this suggestion works.
Hi Simion,
It worked, and I also added the class for Firefox and it worked aswell.
Thank you!
