Ok, you can close this thread.

Thanks, you can close this thread.

• This reply was modified 8 years, 4 months ago by djshortkut.

Thanks Vinay. It seems to be happening primarily on this page.

I don’t have any caching plugins. I already tried disabling all of my plugins but it didn’t make a difference.

It seems to happen when I scroll down the page quickly. The only way I can get it to look correct is by refreshing the page or resizing my browser. I need a way to make it so the logo doesn’t overlap the other content in the footer anymore.

• This reply was modified 8 years, 4 months ago by djshortkut.

Yep, that was it. Thanks Josue, you rock! You can close this ticket.

Thanks. Can you tell me which code is causing this in my quick css so I can remove/modify it to fix the issue? I have no idea where to start.

Thanks Yigit! You can close this thread.

Thanks Yigit. I added a custom css class to each of the grid row cells of custom-grid-row-section-padding and added the above code into quick css with my custom css class and it didn’t seem to work.

Deleting the entire Enfold folder and then re-uploading enfold via FTP fixed the problem for me as Kriesi suggested.

That worked perfectly, thanks Vinay! You can close this thread.

Thanks Vinay, that worked! You can close this thread.

There are 2 issues I noticed so I had to remove the code temporarily so it wouldn’t mess up my site:

1. I already have some custom css (below) that adjusts the height of the fullscreen slider. The code you provided adjusts the height of all of the color sections as well as the fullscreen slider on my homepage (which I don’t want) making it extremely short. I added a custom css class of fullscreen_color_section Can you modify the code to use this custom css class so it only targets the color section on this page?

@media only screen and (max-width: 420px) {
.home div#fullscreen_slider_0 {
max-height: 490px !important;
overflow: hidden;
}

.home .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
height: 490px !important;
}}

@media only screen and (max-width: 767px) and (min-width: 480px) {
.home div#fullscreen_slider_0 {
max-height: 295px !important;
overflow: hidden;
}

.home .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
height: 295px !important;
}}

2. Here is what I’m seeing on my iPhone 6 with Safari. (See Image) where the special heading is not centered and too high.

Thank you very much! You can close this thread.

Thanks, here you go.

Thanks Ismael! You can close this thread.