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
    Jun 2014
    Posts
    9
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Fixed Positioning for Responsive Website

    I am trying to place a fixed menu on my page that will anchor text to various parts of my page. I am using the following css:
    <code>
    .sticky {
    position: fixed;
    max-width: 100%;
    left: 0;
    text-align: center;
    width: 100%;
    height: auto;
    z-index: 999;
    }
    </code>

    This is creating a result that does not fit my page container, and the next div has lost its positioning.
    This is the div tag for the div following my fixed element.
    <div id="fws_539c589bd7f11" class="wpb_row vc_row-fluid standard_section " style="padding-top: 35px; padding-bottom: 0px;">


    Pricing | Strategy Nuts

  2. #2
    New Coder
    Join Date
    Mar 2014
    Posts
    11
    Thanks
    0
    Thanked 2 Times in 2 Posts
    Confirm that you linked the style sheet to the html page using the <link> tag. Your code seems to e working just fine, and if the problem persists please expound on the problem.

  3. Users who have thanked Silver_Whizz for this post:

    meeekz (06-17-2014)

  4. #3
    New to the CF scene
    Join Date
    Jun 2014
    Posts
    9
    Thanks
    2
    Thanked 0 Times in 0 Posts
    I added an extra class inside of the same page style.
    The images do not seem to move into the desired position using top or right? I want the elements to show in the right sidebar location and scroll to the bottom of the images and then fix so the images are always present as I scroll.

    Pricing | Strategy Nuts

    <code>
    .sticky {
    position: absolute;
    max-width: 100%;
    left: 900;
    text-align: center;
    width: 100%;
    height: auto;
    z-index: 999;
    }
    </code>

    Attachment 12917

  5. #4
    New to the CF scene
    Join Date
    Jun 2014
    Posts
    9
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Solved


 

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
  •