Printable Version of Topic

Posted by: glagol Feb 10 2018, 11:34 AM

Hello,

I'm a relative newcomer and was tasked with the job to figure out how to remove the additional bar that appears on the side--i'm trying to figure how I can detect
what possible div/scroll part of the html code is rendering that extra bar--could anyone help me please or even provide clues--sorry if this is a simple cleanup feature but I have just began my html journey.

Thanks and Regards,

Dustin

Posted by: pandy Feb 10 2018, 11:35 AM

Can you link to the page? We can't possibly guess what your bar consists of.

Posted by: glagol Feb 11 2018, 04:03 PM

Hello Apologies! Here it is:

http://athletesro.sk/

Thank you!

Posted by: Darin McGrew Feb 11 2018, 04:19 PM

I see two scrollbars. That's the only "additional bar" that I see.

The browser's main scrollbar always appears. In your page, it is disabled because your body element is set to the height of the browser's display area and therefore doesn't need to scroll.

Just inside that is the scrollbar that is created because your div#mk-boxed-layout is much taller than the body element (and the browser's display area), so it requires scrolling to view its content.

I tried for a while to sort out why it's working that way, but I didn't figure it out. Maybe someone else can, or maybe what I wrote above will trigger something and you'll figure it out.

Posted by: CharlesEF Feb 11 2018, 07:50 PM

I suggest you run the CSS through a validator, like http://jigsaw.w3.org/css-validator/. I see many parse errors. And, you should run the html through a validator also, like https://validator.w3.org/nu/

Posted by: pandy Feb 12 2018, 04:45 AM

Removing 'overflow-x: hidden' from the rule for html,body in the below style sheet seems to fix it.
http://athletesro.sk/wp-content/plugins/semantic-shortcode/css/semantic.min.css?ver=4.7.9

Posted by: glagol Feb 12 2018, 03:31 PM

Hey thank you everyone!