Support » Plugin: Sticky Menu, Sticky Header (or anything!) on Scroll » expanding sticky menu towards website page width (not full width)

  • Resolved MRTMRTMRT

    (@mrtmrtmrt)


    Hi,

    I am using your plugin too. Thanks a lot for providing it.
    My website: http://www.woordaccent.be

    I would like to expand your sticky menu accordingly to my website page width.
    As you can see, the left and right sticky menu area needs some extra black background margin while scrolling.

    Any suggestions?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter MRTMRTMRT

    (@mrtmrtmrt)

    I found the following in your code. Should I change the fixed positioning string?
    It always jumps back to its default values?

    style=”position: fixed; left: 105.984px; top: 0px; width: 849px; margin-left: 0px;

    Hi!

    I believe you can fix the issue if you add the following CSS:

    #access ul:after {
    	display:block;
    	content:'';
    	width:0;
    	height:0;
    	clear:both;
    }
    
    #access .menu {
    	background:#000000;
    	padding: 0 7.6%;
    	margin:0;
    }

    Let me know if that works!

    Thread Starter MRTMRTMRT

    (@mrtmrtmrt)

    Perfect! The sticky menu width will now be accordingly to the page width.
    I meanwhile verified it on different browsers (Chrome, FireFox, Internet Explorer, Safari).

    Yesterday I noticed the black background was missing however. I will verify this again this evening, and inform you as well.

    Thread Starter MRTMRTMRT

    (@mrtmrtmrt)

    CORRECTION

    Yesterday I noticed the black background was missing however when using our Android tablet. I will verify this again this evening, and inform you as well.

    Thread Starter MRTMRTMRT

    (@mrtmrtmrt)

    CONFIRMATION

    I’m sorry, I don’t exactly understand. Was there anything else that wasn’t working with my plugin that I needed to look at? I don’t see anything wrong at the moment, and the menu has a black background on my Android device.

    Thread Starter MRTMRTMRT

    (@mrtmrtmrt)

    I am very sorry to confuse you. With the CONFIRMATION I meant that it is working on our Android device too. So you can close my case. Thankx.

    No problem at all, it was me who misunderstood. 🙂

    Glad it’s all sorted now!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘expanding sticky menu towards website page width (not full width)’ is closed to new replies.