- This topic is empty.
Viewing 14 posts - 1 through 14 (of 14 total)
Viewing 14 posts - 1 through 14 (of 14 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Its probably something easy. I just cant seem to figure it out. The top of the site is slightly cut off. Also when you are in full screen it doesn’t scroll down.
You need to link us your site on order for us to help you.
Someone please help. =)
http://techslatest.com/
Sorry
Line 472 in [your bootstrap.css](http://techslatest.com/wp-content/themes/ipin/css/bootstrap.css)
.container-fluid should have margin-top equal to or grater than height of your menu.
So:
.container-fluid {
padding-right: 20px;
padding-left: 20px;
*zoom: 1;
margin-top: 90px; /* double the size of top navigation */
}
In your media query for 979px in bootstrap.css your navbars become static, so the bottom margin applies.
@media (max-width: 979px) {
body {
padding-top: 0;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: static;
}
.navbar-fixed-top {
margin-bottom: 20px;
At anything larger than this your navbars are fixed, so any margin applied to them will not affect the other elements. So a margin-top will need to be applied as
@AlenAbdula described when the media query doesn’t apply.
Thank you for the reply guys!
@AlenAbdula which line is margin-top? I only see margin-bottom in line 490
@AlenAbdula is it line 487? if so do I just change 10px to a size bigger than 20px?
*equal to or greater than
yes that is problem number 2. Hopefully when i fix the margin the scroll will be fixed also.
I cant find the bootstrap css in the word press editor what would it be under?
It looks like it’s buried within a folder in your theme so the wordpress editor doesn’t show it. I’m not really familiar with bootstrap but I suppose you could just edit it offline.
Perhaps someone with more bootstrap experience will chime in…
Just add the class in your style.css
.container-fluid {
margin-top:90px;
}
Your style sheet is being loaded after bootstrap.css, so default styles will cascade and you’re just adding.
Thank you so much it worked!