The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Extra Slider/Bar
glagol
post Feb 10 2018, 11:34 AM
Post #1





Group: Members
Posts: 3
Joined: 10-February 18
Member No.: 26,588



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Feb 10 2018, 11:35 AM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,809
Joined: 9-August 06
Member No.: 6



Can you link to the page? We can't possibly guess what your bar consists of.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
glagol
post Feb 11 2018, 04:03 PM
Post #3





Group: Members
Posts: 3
Joined: 10-February 18
Member No.: 26,588



QUOTE(pandy @ Feb 10 2018, 11:35 AM) *

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



Hello Apologies! Here it is:

http://athletesro.sk/

Thank you!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Feb 11 2018, 04:19 PM
Post #4


WDG Member
********

Group: Root Admin
Posts: 8,261
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
CharlesEF
post Feb 11 2018, 07:50 PM
Post #5


This is My Life
*******

Group: Members
Posts: 1,453
Joined: 27-April 13
From: Edinburg, Texas
Member No.: 19,088



I suggest you run the CSS through a validator, like this one. I see many parse errors. And, you should run the html through a validator also, like this one
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Feb 12 2018, 04:45 AM
Post #6


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,809
Joined: 9-August 06
Member No.: 6



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/se...n.css?ver=4.7.9
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
glagol
post Feb 12 2018, 03:31 PM
Post #7





Group: Members
Posts: 3
Joined: 10-February 18
Member No.: 26,588



Hey thank you everyone!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 19th February 2018 - 03:12 AM