#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2013
    Posts
    3
    Rep Power
    0

    Sticky Menu for Responsive Website


    I'm having trouble with my sticky menu. It looks fine until I resize the screen. For example, visit my website: kristinewaggoner(dot)com/tst. Scroll down, sticky menu works, expand browser width, see the sticky menu cuts off and does not expand to fit window. Looks bad.

    Please help if you can!
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2013
    Posts
    50
    Rep Power
    35
    You could try some jQuery like this:
    Code:
    $(window).resize(function() {
      $("#header.clearfix.docked").width($(window).width());
    });
    This will resize the width of your docked header to the width of the window when the window is resized.

IMN logo majestic logo threadwatch logo seochat tools logo