Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5
Like Tree1Likes
  • 1 Post By mlseim

Thread: Floating Menu bar

  1. #1
    Junior Member
    Join Date
    Dec 2013
    Location
    New Delhi
    Posts
    17
    Member #
    38050

    Floating Menu bar

    Hi guys....I have a very basic site I want to add some more flexibility to it and for that I want to create a floating menu bar for my site. So how can I do this? Appreciate your suggestions.

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,772
    Member #
    5580
    Liked
    723 times
    Give us a link to your site ... post the URL without "http://www" on it.


  4. #3
    Junior Member
    Join Date
    Dec 2013
    Location
    New Delhi
    Posts
    17
    Member #
    38050
    @mlseim thats my site goldentriangletours-packages.com , thanks.

  5. #4
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,772
    Member #
    5580
    Liked
    723 times
    You have two div sections at the top.
    The header, and the nav

    You mentioned a floated menu, I think you mean the nav bar?
    By "float", you mean that it stays at the top when the rest of the page scrolls down?

    You'll want to keep both the header and nav fixed or it will look goofy?

    Put a div around both of those combined ... like <div id="fixed">

    Then, in your CSS file, set that div as fixed:

    #fixed {
    position:fixed;
    }
    sanjay1 likes this.


  6. #5
    Junior Member
    Join Date
    Dec 2013
    Location
    New Delhi
    Posts
    17
    Member #
    38050
    Yes you are right I want to keep my nav bar at the top when the rest of the page scrolls down.I implement that what you suggested. Yeah great help. Thanks.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 06:15 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com