Question

How to eliminate the outermost scrollbar when using the Atlas_Default layout?

0

I’m using the Atlas_Default page layout and seeing two vertical scrollbars when viewing on a desktop browser. Is there a way to eliminate the outer most scrollbar? Here is a screenshot of the page in the modeler:

asked 2019-02-18

Taylor Zavala

6 answers

Taylor Zavala · Answer 1 · 2019-03-28

With Nick Di Stefano’s help, I got this working. Go into the _base.scss file, to line 11 and add “overflow-y: hidden;” as an attribute of body, that should remove that outer scroll bar from showing.

Jason Teunissen · Answer 2 · 2019-02-19

you should be able to remove it.

but its hard to figure out where its going wrong, the inside container seems to have a fixed height, giving it a scrollbar.

Taylor Zavala · Answer 3 · 2019-02-19

Here’s a screenshot of the page from the modeler. Is the Canvas Height property causing an issue?

Andrew Daniels · Answer 4 · 2019-02-19

You could try adding a bit of css to get rid of it. Chrome for example would be.

::-webkit-scrollbar {
display: none;
}

Edge would be -ms

Firefox would be -moz

and Opera -o

Jason Teunissen · Answer 5 · 2019-03-12

what layout are you using?

it seems like the item that is under your menu(if that dark grey is your menu) is getting an extra scrollbar?

and what is the intended behavior, do you want your menu to be sticky? maybe you want to remove the inside one and not the outside one?

Maarten Bongers · Answer 6 · 2019-02-19

What does your page itself looks like? Doe you have for example a lay-out grid at the top? Then try removing that