Jump to content

Archived

This topic is now archived and is closed to further replies.

jagipson

Voyant Keep Fixed Navigation To stick on top then follow as you go down.

Recommended Posts

jagipson+    10
jagipson

I working on a site at: http://www.webdesignforrecruiters.com/accounting/  I would like to have the fixed navigation to stick on the top instead of hide. When you scroll all the way to the top of the website or when you enter the site you don't see a nav until you scroll down. How can we used this fixed navigation to stick on the top and scroll as you go down? I seen another post about this but the link didn't work to see css. Please let me know how you could do this.

 

Thanks

 

 

Share this post


Link to post
Share on other sites
tmeister+    38
tmeister

Hi,

 

In the toolbar please  locate the Custom tab and in the CSS / LESS field add the follow:

#fixed-top.hide-menu{
	margin-top:0;
}

With that the menu will never hide again.

 

Bests,


Enrique Chavez - Premium DMS Themes, Sections and Plugins.

http://enriquechavez.co

Share this post


Link to post
Share on other sites
jagipson+    10
jagipson

Could you also repost the css that you had on other post about displaying the logo on mobile? The link isn't working to show the css.

 

Thanks

 

 

Share this post


Link to post
Share on other sites
dawsonbarber+    19
dawsonbarber

It looks like PageLines Paste Bin is down/gone.

 

Anyway, I found a cached copy of the CSS Enriquez provided.

.section-menu-voyant .voyant-mobile-nav .voyant-menu-holder{
	width: 100%;
	margin-left: 0;
}

.section-menu-voyant .voyant-mobile-nav .voyant-menu-holder:before{
	background: url('http://3z6cyh36dph41r69gi2tjn07r24.wpengine.netdna-cdn.com/wp-content/uploads/2014/04/voyant4.png') no-repeat;
	background-size: contain;
	background-position-y: 5px;
	width: 100%;
	background-color: rgba(74,187,237, .8 );
	margin-left: 0;
	content: '';
	position: absolute;
	height: 60px;
}
.section-menu-voyant .mobile-trigger{
	right: 10px;
}

.section-menu-voyant .voyant-mobile-menu{
	margin-top: 10px;
}

Share this post


Link to post
Share on other sites
tmeister+    38
tmeister

Thank you dawsonbarber

 

And yes looks like paste.pagelines.com is down, but @jagipson that code should do the trick.

 

Bests,


Enrique Chavez - Premium DMS Themes, Sections and Plugins.

http://enriquechavez.co

Share this post


Link to post
Share on other sites

  • Similar Content

    • bnapoli
      By bnapoli+
      http://731.34b.myftpupload.com/ this website is using the NavPro navigation in Platform 5. It has a lot of menu items, so it breaks to two lines when the window is sized down. What is the media query to make the navigation either a) switch to "mobile mode" at a higher width, or b ) expand the nav into two lines. Thanks
    • nadielp
      By nadielp+
      Hi Everyone,
      I am trying to get a single navigation item to center. I am using a scroll menu in the navigation component of Impulse. I would like to have the item in the center of the page but it defaults right. I tried setting the item to center a few different ways and nothing is working. I added {
        display: inline-block;
        position: relative;
        text-align: center;
      }
      but that didn't work...any help would be appreciated. Site is at http://vetpaw.org/new
       
      Thanks!
      Daniel
    • yemoonyah
      By yemoonyah+
      I just installed and added the Flipper section to my home page and it makes my navigation/menu bar items disappear.
      They do show up again when scrolling down and everything seems normal on the other pages.
      http://yemoonyah.com
      Thanks.
       
    • Houston Haynes
      By Houston Haynes+
      I'm still "piercing the veil" of platform 5, with page navigation the current subject of interest. I worked with a few plugins (the most useful being Next Page Not Next Post) but I wanted to take a step back and start with an example - and see if I could get a bit of help "inside the beltway". 
      What I'm looking to do is substantially similar to the pagelines docs pages - see my annotated screenshots attached. At the top of a "child" page I want a link back to the "parent" page - and at the bottom of that "child" page I want to place a similar link to the "grandchild" page. At the bottom of each grandchild page I want there to be navigation "buttons" to sibling pages in the hierarchy. 
      "Next Page Not Next Post" handles what I'm expecting for "sibling" navigation, but I'm having a bit of trouble getting over the logistical hump of applying that functionality to my page "Template C" instance only. And per the attached examples, while researching how to solve this problem I see on the Pagelines site *itself* that the navigation elements are in place - and I especially like the oval button formatting of the sibling page navigation.
      So - really, my question is two-part:
      Are there plugins/code snippets/tutorials/threads here that show how Pagelines achieved their page hierarchy nagivation, and  Is there a tutorial (or advice from generous contributors here) on how to use the PHP templates to override the content portion of the page to add the navigation elements? Thanks in advance!


    • hungryitalian
      By hungryitalian
      What is the equivalent to DMS2's PostNav section in PL5?  I'm looking for PREVIOUS/NEXT buttons that show the associated post names for the previous and next posts.
      Thanks,
      J.D.
×