Portfolio Bug – Sorting creates second scroll bar

Any advice to correct this?

Hi Yigit,

That removes the second scroll bar, but it creates an issue with the “Small fixed Header”. When returning to the header after scrolling down the page there is visual redundancy. Please take a look at the video of the issue for a better understanding at http://www.youtube.com/watch?v=ZHIFXMaT6ms.

This error appears in the latest version of Chrome in Windows 7 and 8 on various machines. I am running the most recent version of Enfold and the most recent version of WordPress. The error occurs with or without my custom.css additions.

Thanks – Campbell

Any suggestions to solve this?

I can switch to the “Small non-fixed Header”, but I was initially attracted to the theme because of the “Small fixed Header”. You all were ahead of Avada with that and, outside of this bug, you have a superior product.

Again, the bug is triggered by adding the code Yigit suggested to solve the initial issue with double scroll bar: #wrap_all {overflow-y: hidden}

Thanks!

Hello,

We are fighting two problems. And the second problem is being caused by the snippet suggested to solve the first problem.

The first problem is the double scroll bar. When sorting the portfolio at http://blueunderground.com/portfolio/ to look at only a single category, a second scroll bar appears next to the primary scroll bar. The CSS snippet that Peter suggested “#wrap_all {overflow-y: hidden}” solves the original problem, the double scroll bar.

The second problem is a result of that CSS snippet “#wrap_all {overflow-y: hidden}”. Ismael’s suggestion to solve that problem creates an issue similar to the existing with distortion of objects when scrolling back to the top of the page when using the Small fixed Header with the CSS snippet “#wrap_all {overflow-y: hidden}”. This is not a preferred solution as it does not let the header scale smaller as the Small fixed Header does when scrolling down the page.

Please take a look at the videos of the visual redundancy issue for a better understanding:

Small non-fixed Header + #header {position: fixed} + “#wrap_all {overflow-y: hidden}”

Small fixed Header + “#wrap_all {overflow-y: hidden}”

Is there another way to solve the double scroll bar problem that won’t affect the Small fixed Header?

Please advise.

Thanks!

• This reply was modified 10 years, 5 months ago by blueunderground.