URL is http://www.wuxinew.hootland.com/
For some reason our front page is displaying differently between Chrome, Firefox ,and other browsers. We have set a -250px top margin setting on the second row of our front page template. (that which displays the big grid slide element) This was set in order to slightly overlap the image we have set on the first row.
It displays as expected in Chrome, but in other browsers, it seems to ignore this setting. Please help.
Correction, URL is http://wuxinew.hootland.com
Thank you
Hi,
Firefox and IE seem to have an issue with negative margins, they are not applying. I found several topics online reporting this issue, but I found no actual fix. Chrome seems to work.
Maybe you can find an other way of displaying such a result, avoiding to use a negative margin in this case.
Thanks
Thank you Simion. Are there ways you can suggest to display this result? Thank you.
Try to remove the customization made in the composer. Then enter this code in Theme panel->Custom CSS
.td-travel.td-pb-row {
top: -220px;
}
Check if that works better for Firefox and other browsers.
That works in other browsers. What would you suggest for the spacing that is left below the row? (so that other adjacent elements can line up)
Hi,
I see that now, somehow I missed it before. Remove that code and use this one instead
.home .td-travel-header {
bottom: -220px;
}
.home .td-main-page-wrap {
position: relative;
top:-220px;
}
It would produce a better result – http://prntscr.com/k7cb1t
Thanks
You are amazing — that works perfectly! Thank you so much for your assistance!
