Forums

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
    Posts
  • #248149
    belfastrab
    Participant

    Hi

    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:

    http://thebelfastdesigncompany.com/bark/spacing_issue.jpg

    And here is a link to the site in question:

    http://thebelfastdesigncompany.com/bark

    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

    Rab

    #248150
    tomnoble92
    Participant

    You didn’t link the website in question.

    #248152
    belfastrab
    Participant

    Thanks Tom… now fixed in original post

    #248153
    I.m.learning
    Participant

    Looks fine on my phone

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