Forums

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

Home Forums CSS [Solved] Can't seem to fix margin on sticky

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #172083

    I have a sticky that appears appears after you scroll about 100px. For some reason it doesn’t reach all the way across the page. There is a gap on the right side almost like a margin-right or padding-right is being set somewhere, but I can’t find it. Any ideas?

    Here is a link to the page
    Your text to link here…

    #172090
    Paulie_D
    Member

    @[email protected]

    You might want to select a username in your Profile settings.

    Safer than having your email out there for everyone to read.

    #172091
    Paulie_D
    Member

    Try just margin:0

    #sticky {
    position: fixed;
    overflow: hidden;
    left: 0px;
    top: 80px;
    width: 100%;
    background: #00468c;
    z-index: 1000;
    text-align: center;
    margin: 0; /* worked for me */
    }
    
    #172094
    Paulie_D
    Member

    Also, #sticky is a div with a class of .row which has default margins in Bootstrap

    You could just remove that class.

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