Menubar dock to top on scroll

  • Resolved Yak Chum

    (@yak-chum)


    9 years ago

    Nobita,

    Anyway to code the menubar to dock to the top when scrolling down? This way it is visible at all times?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author nobita

    (@nobita)

    9 years ago

    Hi

    Bottom status bar

    Show or Hide settings from child theme.

    Add variable functions.php

    show status bar

    $raindrops_status_bar = true;

    hide status bar

    $raindrops_status_bar = false;

    customize status bar code

    default setting, see following link

    https://github.com/tenman/raindrops/blob/master/functions.php#L8945-L9020

    You can copy above function and paste child themes functions.php

    After Rewriting the contents of this function, to reflect changes

    Thank you

    Thread Starter Yak Chum

    (@yak-chum)

    9 years ago

    Thank you. I dont know how to code. So everything I try gives http 500.

    Im not sure where to add Variables within the status bar code.

    Isnt it menu bar?

    Theme Author nobita

    (@nobita)

    9 years ago

    This is an error occurs in perhaps the PHP syntax problem.

    I, before presenting the code, we are a pre-test.

    You, to try to, please write the code that became HTTP500

    Thank you.

    Thread Starter Yak Chum

    (@yak-chum)

    8 years ago

    Still have not figured this out…

    Any ideas? Its not status bar.. Its Primary Navigation menu header 

    <nav id="access" class="clearfix" aria-label="Primary Navigation">
					<div class="menu-header"><ul id="menu-main-menu" class="menu"><li id="menu-item-1607" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1607"><a href="http://www.theplastichull.net/">Home</a>
<ul class="sub-menu">
	<li id="menu-item-5260" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5260"><a href="http://www.theplastichull.net/submit-tournament-plastic-hull/">Submit a Tournament To The Plastic Hull</a></li>
	<li id="menu-item-5270" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5270"><a href="http://www.theplastichull.net/2016_tournaments/">2016 Kayak Fishing Tournament Schedule</a></li>
</ul>
</li>
<li id="menu-item-1591" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1591"><a href="http://www.theplastichull.net/post-archive/">Post Archive</a>
<ul class="sub-menu">
	<li id="menu-item-5149" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5149"><a href="http://www.theplastichull.net/category/year/2016/" class="">2016</a></li>
	<li id="menu-item-3295" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3295"><a href="http://www.theplastichull.net/category/year/2015/" class="">2015</a></li>
	<li id="menu-item-3294" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3294"><a href="http://www.theplastichull.net/category/year/2014/">2014</a></li>
	<li id="menu-item-3293" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3293"><a href="http://www.theplastichull.net/category/year/2013/">2013</a></li>
</ul>
</li>
<li id="menu-item-1592" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1592"><a href="http://www.theplastichull.net/about-yak-chum/">About</a>
<ul class="sub-menu">
	<li id="menu-item-3345" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-3345"><a href="http://www.theplastichull.net/category/my-yak/">My Yak</a>
	<ul class="sub-menu left">
		<li id="menu-item-3346" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3346"><a href="http://www.theplastichull.net/category/my-yak/my-big-rig/">My Big Rig</a></li>
		<li id="menu-item-3347" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3347"><a href="http://www.theplastichull.net/category/my-yak/my-cuda-14/">My Cuda 14</a></li>
		<li id="menu-item-4178" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-4178"><a href="http://www.theplastichull.net/category/my-yak/kraken-my-yak/">My Kraken</a></li>
	</ul>
</li>
	<li id="menu-item-4038" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-4038"><a href="http://www.theplastichull.net/category/about-me/featured-on/">Featured On</a></li>
	<li id="menu-item-1594" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1594"><a href="http://www.theplastichull.net/landed-spicies/">Landed Species List</a></li>
</ul>
</li>
<li id="menu-item-1617" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-1617"><a href="http://www.theplastichull.net/category/fishing-journal/" class="">Fishing Journal</a>
<ul class="sub-menu">
	<li id="menu-item-1618" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1618"><a href="http://www.theplastichull.net/category/fishing-report/" class="">Fishing Report</a></li>
	<li id="menu-item-1627" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1627"><a href="http://www.theplastichull.net/category/saltwater-fishing/" class="">Saltwater Fishing</a></li>
	<li id="menu-item-1619" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1619"><a href="http://www.theplastichull.net/category/freshwater-fishing/">Freshwater Fishing</a></li>
	<li id="menu-item-1616" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-1616"><a href="http://www.theplastichull.net/category/event-wrap-up/">Event Wrap Up</a>
	<ul class="sub-menu left">
		<li id="menu-item-3265" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3265"><a href="http://www.theplastichull.net/category/jamboree/cape-may/">Cape May</a></li>
		<li id="menu-item-3266" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3266"><a href="http://www.theplastichull.net/category/tournament/cbka-tournament/">CBKA Tournament</a></li>
		<li id="menu-item-4250" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-4250"><a href="http://www.theplastichull.net/category/event-wrap-up/demo-days/">Demo Days</a></li>
		<li id="menu-item-3267" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3267"><a href="http://www.theplastichull.net/category/tournament/elks-fluke-tournament/">Elks Fluke Tournament</a></li>
		<li id="menu-item-3268" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3268"><a href="http://www.theplastichull.net/category/tournament/jamaica-bay-kayak-fishing-classic/">Jamaica Bay Kayak Fishing Classic</a></li>
		<li id="menu-item-3269" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3269"><a href="http://www.theplastichull.net/category/jamboree/susky-flats-maryland/">Susky Flats – Maryland</a></li>
	</ul>
</li>
	<li id="menu-item-1620" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-1620"><a href="http://www.theplastichull.net/category/kayak-fishing/">Kayak Fishing by Species</a>
	<ul class="sub-menu left">
		<li id="menu-item-1621" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1621"><a href="http://www.theplastichull.net/category/kayak-fishing/blackfish-tautog-tog/">Blackfish (Tautog) (Tog)</a></li>
		<li id="menu-item-1622" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1622"><a href="http://www.theplastichull.net/category/kayak-fishing/bluefish/">Bluefish</a></li>
		<li id="menu-item-1623" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1623"><a href="http://www.theplastichull.net/category/kayak-fishing/croaker/">Croaker</a></li>
		<li id="menu-item-1624" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1624"><a href="http://www.theplastichull.net/category/kayak-fishing/fluke-summer-flounder/">Fluke (Summer Flounder)</a></li>
		<li id="menu-item-1625" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1625"><a href="http://www.theplastichull.net/category/kayak-fishing/scup-progy/">Scup (Progy)</a></li>
		<li id="menu-item-1626" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1626"><a href="http://www.theplastichull.net/category/kayak-fishing/striped-bass/">Striped Bass</a></li>
	</ul>
</li>
</ul>
</li>
<li id="menu-item-1608" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-1608"><a href="http://www.theplastichull.net/category/how-to/" class="">Installs/How To</a>
<ul class="sub-menu">
	<li id="menu-item-1596" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-1596"><a href="http://www.theplastichull.net/category/electronics/">Electronics</a>
	<ul class="sub-menu left">
		<li id="menu-item-3289" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3289"><a href="http://www.theplastichull.net/category/rigging/battery-box/">Battery Box</a></li>
		<li id="menu-item-1597" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1597"><a href="http://www.theplastichull.net/category/electronics/fish-finderchart-plotter/">Fish Finder/Chart Plotter</a></li>
		<li id="menu-item-3734" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3734"><a href="http://www.theplastichull.net/category/rigging/kayak-rigging-101/hull-pass-throughs/">Hull Pass-Throughs</a></li>
		<li id="menu-item-1598" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1598"><a href="http://www.theplastichull.net/category/electronics/lighting-accessories/">Lighting & Accessories</a></li>
	</ul>
</li>
	<li id="menu-item-3341" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3341"><a href="http://www.theplastichull.net/category/rigging/transducer/" class="">Transducer/Sonar Mounting</a></li>
	<li id="menu-item-5327" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-5327"><a href="http://www.theplastichull.net/2016/03/20/tips-spring-cleaning-kayak/">Spring Maintinance</a></li>
	<li id="menu-item-1599" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-1599"><a href="http://www.theplastichull.net/category/do-it-yourself-diy/">(DIY) Do It Yourself</a>
	<ul class="sub-menu left">
		<li id="menu-item-4389" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-4389"><a href="http://www.theplastichull.net/category/do-it-yourself-diy/cell-phone-leash/">Cell Phone Leash</a></li>
		<li id="menu-item-4249" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-4249"><a href="http://www.theplastichull.net/category/do-it-yourself-diy/bait-board/">Bait Board</a></li>
		<li id="menu-item-4068" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-4068"><a href="http://www.theplastichull.net/category/do-it-yourself-diy/rod-leash/">Rod Leash</a></li>
	</ul>
</li>
	<li id="menu-item-3260" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-3260"><a href="http://www.theplastichull.net/category/rigging/kayak-rigging-101/">Kayak Rigging 101</a>
	<ul class="sub-menu left">
		<li id="menu-item-4304" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-4304"><a href="http://www.theplastichull.net/category/rigging/kayak-rigging-101/big-rig-split-anchor-trolley/">Big Rig Split Anchor Trolley</a></li>
		<li id="menu-item-4248" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-4248"><a href="http://www.theplastichull.net/category/rigging/kayak-rigging-101/cuda-anchor-trolley/">Cuda Anchor Trolley</a></li>
		<li id="menu-item-3733" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3733"><a href="http://www.theplastichull.net/category/rigging/kayak-rigging-101/hull-pass-throughs/">Hull Pass-Throughs</a></li>
		<li id="menu-item-3261" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3261"><a href="http://www.theplastichull.net/category/rigging/kayak-rigging-101/mounting-bases/">Mounting Bases/Tracks</a></li>
	</ul>
</li>
	<li id="menu-item-3282" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3282"><a href="http://www.theplastichull.net/category/customization/pimp-my-kayak/">Pimp my Kayak</a></li>
	<li id="menu-item-3271" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-3271"><a href="http://www.theplastichull.net/category/kayak-rigging/steering/">Steering/Rudder Control</a>
	<ul class="sub-menu left">
		<li id="menu-item-5147" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-5147"><a href="http://www.theplastichull.net/2016/01/07/jackson-kayak-kraken-sealect-designs-trucourse-rudder-system-install/">Jackson Kayak Kraken Sealect Designs Trucourse Rudder System Install</a></li>
	</ul>
</li>
</ul>
</li>
<li id="menu-item-1613" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-1613"><a href="http://www.theplastichull.net/category/torqeedo-motor/" class="">Torqeedo</a>
<ul class="sub-menu">
	<li id="menu-item-3477" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3477"><a href="http://www.theplastichull.net/category/torqeedo-motor/install/">Install</a></li>
	<li id="menu-item-3476" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3476"><a href="http://www.theplastichull.net/category/torqeedo-motor/modupgrade/">Mod/Upgrade</a></li>
	<li id="menu-item-3604" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3604"><a href="http://www.theplastichull.net/category/torqeedo-motor/torq-trac-app/">Torq Trac App</a></li>
</ul>
</li>
<li id="menu-item-2198" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-2198"><a href="http://www.theplastichull.net/category/review/" class="">Reviews</a>
<ul class="sub-menu">
	<li id="menu-item-2197" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2197"><a href="http://www.theplastichull.net/category/review/accessory-review/" class="">Accessory Review</a></li>
	<li id="menu-item-2202" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2202"><a href="http://www.theplastichull.net/category/review/clothing-review/">Clothing Review</a></li>
	<li id="menu-item-3262" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3262"><a href="http://www.theplastichull.net/category/extended-use-review-2/">Extended Use Review</a></li>
	<li id="menu-item-2195" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-2195"><a href="http://www.theplastichull.net/category/review/gear-review/">Gear Review</a>
	<ul class="sub-menu left">
		<li id="menu-item-3026" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3026"><a href="http://www.theplastichull.net/category/review/gear-review/paddle/">Paddle</a></li>
		<li id="menu-item-3025" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3025"><a href="http://www.theplastichull.net/category/review/gear-review/pfd/">PFD</a></li>
	</ul>
</li>
	<li id="menu-item-2201" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2201"><a href="http://www.theplastichull.net/category/rigging/ram-mounts/">RAM Mounts</a></li>
</ul>
</li>
<li id="menu-item-1614" class="menu-item menu-item-type-taxonomy menu-item-object-category current-menu-item menu-item-has-children menu-item-1614"><a href="http://www.theplastichull.net/category/yak-action/" class="">Vid/Photo</a>
<ul class="sub-menu">
	<li id="menu-item-5012" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5012"><a href="http://www.theplastichull.net/the-plastic-hull-media/" class="">The Plastic Hull Media</a></li>
	<li id="menu-item-3263" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-3263"><a href="http://www.theplastichull.net/category/yak-action/camera-mounts-yak-action/" class="">Camera Mounts</a>
	<ul class="sub-menu left">
		<li id="menu-item-3432" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3432"><a href="http://www.theplastichull.net/category/yak-action/camera-mounts-yak-action/diy-mounts/">DIY Mounts</a></li>
		<li id="menu-item-3635" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3635"><a href="http://www.theplastichull.net/category/yak-action/camera-mounts-yak-action/gopro-mounts/" class="">GoPro Mounts</a></li>
		<li id="menu-item-3435" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-3435"><a href="http://www.theplastichull.net/category/yak-action/camera-mounts-yak-action/ram-mount/" class="">RAM Mount</a>
		<ul class="sub-menu left">
			<li id="menu-item-3433" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3433"><a href="http://www.theplastichull.net/category/yak-action/camera-mounts-yak-action/ram-mount/flex-arm/">Flex Arm</a></li>
		</ul>
</li>
		<li id="menu-item-3437" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3437"><a href="http://www.theplastichull.net/category/yak-action/camera-mounts-yak-action/standard-tripods/" class="">Standard Tripods</a></li>
		<li id="menu-item-3436" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-3436"><a href="http://www.theplastichull.net/category/yak-action/camera-mounts-yak-action/yak-attack/">Yak Attack</a>
		<ul class="sub-menu left">
			<li id="menu-item-3434" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3434"><a href="http://www.theplastichull.net/category/yak-action/camera-mounts-yak-action/yak-attack/panfish/">Panfish</a></li>
		</ul>
</li>
	</ul>
</li>
	<li id="menu-item-1634" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1634"><a href="http://www.theplastichull.net/category/video/">Youtube Video</a></li>
	<li id="menu-item-1615" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1615"><a href="http://www.theplastichull.net/category/yak-action/video-photography/">Video & Photography</a></li>
</ul>
</li>
<li id="menu-item-1772" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-1772"><a href="http://www.theplastichull.net/category/cooking/" class="">Food</a>
<ul class="sub-menu">
	<li id="menu-item-5048" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5048"><a href="http://www.theplastichull.net/category/cooking/bbq/" class="">BBQ</a></li>
	<li id="menu-item-5047" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5047"><a href="http://www.theplastichull.net/category/cooking/dutch-oven/">Dutch Oven</a></li>
	<li id="menu-item-1773" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1773"><a href="http://www.theplastichull.net/category/seafood-recipe/">Seafood Recipe</a></li>
	<li id="menu-item-5148" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-5148"><a href="http://www.theplastichull.net/2016/01/05/mini-taco-bowls/">Mini Taco Bowl Appetizer</a></li>
</ul>
</li>
<li id="menu-item-1629" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-1629"><a href="http://www.theplastichull.net/category/heroes-on-the-water/how-nj-chapter/">HOW NJ</a>
<ul class="sub-menu">
	<li id="menu-item-1632" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1632"><a href="http://www.eventbrite.com/o/heroes-on-the-water-new-jersey-chapter-5849317599" class="external">HOW NJ Event Signup</a></li>
	<li id="menu-item-1631" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1631"><a href="https://www.facebook.com/HeroesOnTheWaterNewJerseyChapter" class="external">HOW NJ Facebook</a></li>
	<li id="menu-item-1630" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1630"><a href="http://heroesonthewater.org/chapters/new-jersey-chapter/" class="external">Heroes on the Water NJ Chapter – National Web</a></li>
</ul>
</li>
<li id="menu-item-1590" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1590"><a href="http://www.theplastichull.net/contact/" class="">Contact</a>
<ul class="sub-menu">
	<li id="menu-item-3459" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3459"><a href="http://www.theplastichull.net/link/">Link Up</a></li>
	<li id="menu-item-2647" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2647"><a href="http://www.theplastichull.net/subscribe/">Subscribe</a></li>
	<li id="menu-item-2791" class="menu-item menu-item-type- menu-item-object-jetpack-portfolio-type menu-item-2791"><a>Store</a></li>
</ul>
</li>
<li>    <form method="get" name="searchform" id="searchform" action="http://www.theplastichull.net/" abineguid="5CF3B90E6EB34603812FB9AE15F49EAC">
        <div class="searchform">
            <label class="screen-reader-text" for="s">Search for:</label>
            <input type="text" value="" pattern="^[^(<|>)]+$" title="must not contain html tags" placeholder="Search" name="s" id="s">
            <input type="submit" id="searchsubmit" value="Search">
        </div>
    </form>
    </li></ul></div>
					</nav>
    Theme Author nobita

    (@nobita)

    8 years ago

    Hi Yak Chum

    Still have not figured this out…

    Any ideas? Its not status bar.. Its Primary Navigation menu header

    what’s mean?

    You need to remove after space of primary menu ?

    yes then please add below

    child theme / style.css

    .topsidebar + br{
    display:none;
}

    no then please create a new post

    Thank you.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Menubar dock to top on scroll’ is closed to new replies.

Tags