Home › Forums › ART WordPress Theme › Remove scroll bar on a page with little content
- This topic has 7 replies, 2 voices, and was last updated 8 years, 2 months ago by
PeterX12.
-
AuthorPosts
-
February 27, 2018 at 7:35 pm #14639
Hi,
I created an ABOUT page as well as a CONTACT page on my website. Both these pages have very little content on them. The ABOUT page only has about 5 lines of text and the CONTACT page has only a contact form. Still, there is a scroll bar on both pages, which is not necessary, since all the info on both pages sits above the fold. It’s a bit annoying, because when I scroll up, the text & the contact form cut into the header text. So that’s why I would like to remove the scroll bar. Is this possible?
Thanks a lot for your answer already in advance.
Best,
Max
February 28, 2018 at 2:36 am #14645Hi,
please try to use the custom css(“Appearance > Customize : Additional CSS”):
.page-id-816 .wrap-all, .page-id-819 .wrap-all { height: 100vh; }The 816/819 are the pages id, you can change them as your about/contact pages id refer:https://seatheme.net/forums/topic/how-to-find-wordpress-postpage-id/
Regards!
Bwsm – uiueux.com – Twitter – FacebookFebruary 28, 2018 at 7:34 pm #14651Hi,
thanks a lot for your answer – it worked!!
You’re a genius.
Best,
Max
March 5, 2018 at 10:48 pm #14694Hi,
it’s me again – I have a quick question regarding the above issue:
The CSS you provided did work, however now that the scroll bar on the ABOUT & CONTACT page is removed, the navigation menu “jumps” a bit to the right when I click from the MAIN page to the ABOUT & CONTACT page.
(Since the scroll bar is still there on the MAIN page, but not any more on the ABOUT & CONTACT page, I guess this means that the width of the pages is different, which I guess makes the navigation menu change position from one page to another)
Do you know what I can do so that the navigation menu stays in one place and doesn’t “jump” from left to right?
Best,
Max
March 6, 2018 at 1:35 am #14695Please leave you page url, I need check, thanks!
March 6, 2018 at 8:58 pm #14700March 7, 2018 at 3:51 am #14701Please try to update the css as:
.page-id-2 .wrap-all, .page-id-85 .wrap-all { height: 100vh; overflow-y: scroll; } @media (min-width: 768px) { .page-id-2 #wrap, .page-id-85 #wrap { min-height: 100%; } } .page-id-2 #wrap, .page-id-85 #wrap { margin-top: 80px!important; } .page-id-2 #footer, .page-id-85 #footer { display: none;}March 8, 2018 at 11:05 pm #14712Hey thanks a lot for the CSS.
Unfortunately I didn’t really work though, with the CSS above some strange scroll bars appeared on the page.
But never mind, I managed to fix it myself, I used the following code:
.menu.clearfix {
margin-right: 15px;
}
.home .menu.clearfix {
margin-right: inherit;
}Cheers,
Max
-
AuthorPosts
- The topic ‘Remove scroll bar on a page with little content’ is closed to new replies.
