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

Home Forums CSS Margin Issue on Jquery Mobile Menu

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


    I hope someone can help and I am sure it’s probably something really simple but I have spent hours trying different settings and cannot for the life of me work it out.

    I am not much of a coder much preferring the design side of things but I have made a responsive website using Foldy 960 and everything is working as it should until I tried to add the slicknav jquery mobile menu to the site.

    The slicknav works ok but on the div that the slicknav is on it hangs over the edges giving a ugly staggered effect. The slicknav is contained within a div that should stop this but it doesn’t. I have tried adding and removing margin to the slicknav div and it works at whatever resolution I am viewing / testing at but as soon as I resize the browser to mimic responsive viewing the issue returns.

    Sorry I am probably not explaining myself very well.

    Probably the easiest way is to show what I mean below is a link to a screenshot showing the issue:

    And here is a link to the site in question:

    I would post code too but there is a lot of it between the html, style css, grid system css and finally the js and css files for this slicknav menu.

    Many Thanks



    You didn’t link the website in question.


    Thanks Tom… now fixed in original post


    Looks fine on my phone

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