Forums

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

Home › Forums › CSS › Responsive css doesn't work until reload

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 27, 2014 at 3:41 am #164247
    papdronning
    Participant

    This page: http://skyum.dk/

    has some responsive css, but it doesn’t load correctly untill the page is reloaded. If you try resizing the browser window to max:1000px you’ll see that the grey bar goes in front of the slider ect. If you then reload the element rearrange nicely as they should.

    Any ideas what is causing this?

    February 28, 2014 at 8:32 am #164362
    Atelierbram
    Participant

    There is this viewport meta tag in the head that is a bit different than what you usually see, but that may not even be it.

    If you try resizing the browser window to max:1000px you’ll see that the grey bar goes in front of the slider ect.

    There is this inline styling on that ul#filter that kicks in only after resizing the browser:

    <ul id="filter" style="position: fixed; top: 70px; right: 312px; width: 388px;" >

    There’s quite a bit of javascript going on, probably isotope script inject’s this inline CSS, so may be you can customise some settings, or don’t use ‘Isotope’ on this navigation-bar, position it in the media-queries, for it is not part of a gallery (collection of images or layout boxes).

    March 3, 2014 at 3:55 am #164537
    papdronning
    Participant

    Hmmm … I didn’t build the site and have never used isotope. Where would I look for these settings?

    March 3, 2014 at 4:33 am #164539
    Atelierbram
    Participant

    To be clear: you are maintaining this site, aren’t you?

    If yes, before trying to answer your question, could you maybe share (globally) what your current development setup is? Are you developing remote, or local. Do you use FTP, Git, or what do you use? Do you have a local copy of this site on your machine?

    March 3, 2014 at 4:38 am #164541
    papdronning
    Participant

    I didn’t build it, would never have build it this way and can’t quite figure out why a lot of things on the site has been done the way they have.

    It is up and running and I just use FTP. I don’t have a local copy.

    March 3, 2014 at 4:53 am #164544
    Atelierbram
    Participant

    Ok, now my question is:

    What is stopping you from pulling those remote files in with FTP, in order to check the site locally?

    March 3, 2014 at 4:54 am #164545
    papdronning
    Participant

    Nothing. I just don’t know where to look since I don’t know how Isotope works.

    March 3, 2014 at 5:00 am #164546
    Atelierbram
    Participant

    Well … there’s docs for that I suppose

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