issue with the initial placement of the home-widget / sticky container

  • omniafausta

    (@omniafausta)


    8 years ago

    Hi,

    I am making a child theme based on your lovely theme, and there seems to be an issue with the initial positioning of the home-widgets.
    The issue is not just with my child-theme, but happens also if I choose destin as theme.
    It also happens on your own demo…

    It happens for me in firefox and safari for mac, haven’t tested it with other browsers or platforms yet.
    Once you resize your window they flow to the corret spot, but when you initially open the page the sticky container is about 18px too far to the left. And depending on the size, it may cover the top part of the div below it.
    Like I said:esizing helps, but reloading will result in it being at the wrong spot again.
    The site still functions, but it would be much nicer if this slight displacement wouldn’t happen.

    I can’t post a link, since I am working locally, but like I said: it happens at your demo as well!

    I hope it can be fixed.

    Thanks!

    edit/additional info:
    just tested your demo site on a few other browsers on windows and the same thing seems to happen on most of them

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter omniafausta

    (@omniafausta)

    think I found a solution by accident!
    When i changed something in the margin of the #primary it suddenly worked like it should.

    if you change 

    .home.blog #primary {
    margin: 5px 5px 50px;
}

    into 

    .home.blog #primary {
    margin: 5px 0px 50px;
}

    the problem goes away!

    Thread Starter omniafausta

    (@omniafausta)

    hmmm no sorry, that did not fix it, don’t know why it looked like it did yesterday…

    Thread Starter omniafausta

    (@omniafausta)

    Could it be something to do with this?

    How do I fix overlapping item elements?
    If your layout has images, you probably need to use imagesLoaded.
    Overlaping items are caused by items that change size after a layout. This is caused by unloaded media: images, web fonts, embedded buttons. To fix it, you need to initialize or layout after all the items have their proper size.

    the home-widgets are the only part that do not have images in them… and the only part that have a problem.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘issue with the initial placement of the home-widget / sticky container’ is closed to new replies.