Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Word press site. Top row of pics are cut off.

  • This topic is empty.
Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #43085
    tlade
    Member

    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.

    #126636
    apart
    Participant

    You need to link us your site on order for us to help you.

    #126637
    tlade
    Member

    Someone please help. =)

    #126638
    tlade
    Member
    #126654
    Alen
    Participant

    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 */
    }

    #126655

    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.

    #126641
    tlade
    Member

    Thank you for the reply guys!


    @AlenAbdula
    which line is margin-top? I only see margin-bottom in line 490

    #126642
    tlade
    Member

    @AlenAbdula is it line 487? if so do I just change 10px to a size bigger than 20px?

    #126643
    tlade
    Member

    *equal to or greater than

    #126681
    tlade
    Member

    yes that is problem number 2. Hopefully when i fix the margin the scroll will be fixed also.

    #126702
    tlade
    Member

    I cant find the bootstrap css in the word press editor what would it be under?

    #126715

    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…

    #126723
    Alen
    Participant

    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.

    #126943
    tlade
    Member

    Thank you so much it worked!

Viewing 14 posts - 1 through 14 (of 14 total)
  • The forum ‘CSS’ is closed to new topics and replies.