Jump to content

Archived

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

studyworldglobal

How to link to a section

Recommended Posts

studyworldglobal

How to link to a section, say with a menu link at the top to a you tube video section in the same page at the bottom.

Share this post


Link to post
Share on other sites
Danny

Hi,

 

You will need to use the go to WordPress Admin Dashboard > Appearance > Menus and on the left hand side there is a tab called Links. In the Links option add the following:

 

URL field = #add_something_here

 

Replace add_something_here with whatever you like, this could be anything, but usually you want to something that is associated with the section. For example, I linked to the a Hero section section which had information about the company. So I used this:

 

#about

 

https://cloudup.com/ceGXNFFubq3

 

Once you have decided what to add after the #, add to your menu and save. Now go to the front end of your site and add a MedaBox above the section you wish to navigate. Once added in the MediaBox HTML text area, add the following:

 

<h2><a id="top">This is a link to my section!</a></h2>

 

Now replace h2 tags with any H1, h2, h3, h4, etc.. you want to use (or remove them, as they're not required). Then replace the word top with the word you used after the # in your Links menu item. So I used about so I would replace top with about and then replace the "This is a link to my section!" with whatever you like. I replace it with About us. So my end code looks like this:

 

<h2><a id="about">About us</a></h2>

 

https://cloudup.com/cQHzs7ZpM0X

 

Publish your changes and when you click the link in the menu item, it should automatically navigate to this section.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • greatthingsllc
      By greatthingsllc+
      In Platform 5, Using Framework Section for Content , I have set the hyperlink colors in the CUSTOMIZE section.   However, none of the pages are properly displaying the link colors.   Just defaulting to black, and underline on hover.   I did not see where this would be controlled at the page level or lower
      Site    doritbrauer.com
      Thanks
      Josh

    • John Olsson
      By John Olsson+
      Wierd little problem with the "boxes"-section. Just updated to latest version of all..
      The outline-default-link puts itself behind another container.. or so.. so the top/bottom border won't show, also the left and right box won't show the border on the left side for the left box, and same for the right box, on the right side.
      The padding/margin is ofc on default-settings.. What can this be?

    • cliffordprimer
      By cliffordprimer+
      Trying my best to link words in a section to another section on the same page that provides more detail. Is there any way to do this.
      Brand new to pagelines -- using Voyant theme.
    • ipitts
      By ipitts+
      Greetings! 
      We are using Pagelines >> DMS2 theme. We are using the DMS2 Media Box module on several pages throughout our site. The media box includes an image thumbnail with hyperlinked text (below the thumbnail - located in the embedded HTML text editor).  We would like for users to be able to click on the image in addition to the accompanying text. Is there a way to add a hyperlink on the image itself?
      Please see the attached screenshot. You'll see we have "Compatibility Matrix" thumbnail image & text within the "Text & Embedded HTML" section that provides an <a href="...."></a> to direct visitors to another page. 
      We tried to follow this post (http://slickmedia.co.uk/blog/glenns-blog/pagelines-dms-mediabox-add-link/), but it did not help us solve our challenge. 
      Thank you very much for your help,
      Marie Thiele
      Marketing Coordinator, Syn-Apps LLC
      480-355-6822
      [email protected]
      media box.tiff
    • jagipson
      By jagipson+
      I am trying to make a scroll anchor to move down the page but once it get there it opens the button. I have the scroll part that was easy but how do I get the button open the form once it scrolls down? I am trying to accomplish what this website has: http://www.gainor.net/jobs/view/production-designer-design-agency/  You press the Apply Now button and it scrolls down to the other apply button and then opens it all by clicking the one button any suggestions on how i can accomplish this?
       
      Thanks
       
       
×