Grow your CSS skills. Land your dream job.

Word press site. Top row of pics are cut off.

  • # March 1, 2013 at 7:54 pm

    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.

    # March 1, 2013 at 7:56 pm

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

    # March 1, 2013 at 7:56 pm

    Someone please help. =)

    # March 1, 2013 at 7:56 pm

    http://techslatest.com/
    Sorry

    # March 1, 2013 at 8:57 pm

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

    # March 1, 2013 at 9:03 pm

    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.

    # March 2, 2013 at 9:43 am

    Thank you for the reply guys!

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

    # March 2, 2013 at 9:47 am

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

    # March 2, 2013 at 9:52 am

    *equal to or greater than

    # March 2, 2013 at 9:59 am

    You might want to look into this:

    New items don’t get loaded unless I make my browser small enough for a scroll bar to appear.

    # March 2, 2013 at 11:19 am

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

    # March 2, 2013 at 3:18 pm

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

    # March 2, 2013 at 7:06 pm

    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…

    # March 2, 2013 at 10:38 pm

    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.

    # March 4, 2013 at 8:33 pm

    Thank you so much it worked!

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".