Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Menu breaks when you zoom in and out

    So, my category menu breaks every time I zoom in or out. I am using responsive design, and everything is fine when you just resize the browser window. It's when you use the zoom feature that it breaks. When I say "breaks", I mean the "Random Things" button drops under the menu bar.

    I tried changing the padding around the buttons, but that leaves a gap at the end of the menu.

    I can't seem to figure this out.

    Any help would be greatly appreciated.

    site: http://sometimesthingshappen.com

  • #2
    Regular Coder Custard7A's Avatar
    Join Date
    Jul 2010
    Location
    Australia
    Posts
    286
    Thanks
    32
    Thanked 33 Times in 33 Posts
    Those menu items don't seem to be trying to fit in the menu bar very hard. I think the only dynamic part about them is relative to the text inside them, instead of the menu bar itself.

    Sorry to inform you, but by the sounds of it you haven't checked your site in Internet Explorer recently.

  • Users who have thanked Custard7A for this post:

    Grem99 (12-15-2012)

  • #3
    New Coder
    Join Date
    Aug 2012
    Location
    New Zealand
    Posts
    52
    Thanks
    2
    Thanked 4 Times in 4 Posts
    Have you tried sticking a wrapper around it so it doesn't go out of the specified width?

  • #4
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Custard7A View Post
    Those menu items don't seem to be trying to fit in the menu bar very hard. I think the only dynamic part about them is relative to the text inside them, instead of the menu bar itself.

    Sorry to inform you, but by the sounds of it you haven't checked your site in Internet Explorer recently.
    you're right, I haven't. Thank you for pointing that out. Now I have a lot more problems haha

    Have you tried sticking a wrapper around it so it doesn't go out of the specified width?
    I tried this but couldn't get it to work. I just changed the padding to margin. it's not exactly what I wanted but, this way it doesn't break when zooming.

    Thanks for the help/tips


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •