Docs

[alex5252]

On edge and firefox the video background is not going all the way to the top of the page.

I’m not exactly sure where the video is attached.
to elements #top > header and #top > .x-main are seemingly being treated differently between browsers

#top > header on chrome and opera “allows” the video to go up from #top > .x-main and through itself.
on edge and firefox the video is only on #top > .x-main. it stops when it reaches #top > header.

Thanks for your help and you shall be recompensed with a joke

-A man who suffers from a fear of well designed buildings has a complex complex complex. 🙂

[alex5252]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! I am not entirely sure that what you are trying to achieve? Could you provide a screenshot that what it supposed to be? And are you seeing this fine on Chrome?

Cheers!

[alex5252]

Here is a video showing the issue: https://youtu.be/BncuwL72pDc

[Lely]

Hi There,

Thank you for the video. Please try to remove the -205px padding on the first section.
Then use the following custom CSS instead:

.home .x-main.full {
    top: -239px;
}

Hope this helps.

[alex5252]

Thanks, that seems to have fixed it.

I also just noticed that the flip card I have on the home page is not working. When you hover over it the front does not disappear, it just overlaps. Why would this be happening?

[Rue Nel]

Hello There,

Thanks for the updates!

I have checked your site and the flip card is working fine. I am seeing this:

Are you using CloudFlare or may have installed a caching plugin like WordFence, W3 Total Cache or WP Super Cache? Please keep in mind that after doing every updates, always remember to clear all caches when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

Please let us know how it goes.

[alex5252]

Thank you for the reply. The flipcards are working fine now.

I noticed now on mobile that there is still a white bar at the top. How do I remove this?

See attachment for what is looks like on my iphone 6

[Christopher]

Hi there,

Please find and remove this code :

@media (max-width: 500px){
header.masthead {
    height: 270px !important;
}
}

Hope it helps.

[Author]

Posts