Jump to content

Archived

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

Fish-Owl-360

How to create a page anchor with an ID so I can jump to it with #

Recommended Posts

Fish-Owl-360    1
Fish-Owl-360

I'm trying to duplicate something this page is doing with the drop down menus (The "Business View" menu for example):

 

http://napait.com/businessview

 

I want to create a custom menu URL that can jump to a section using the #, like this:

 

http://napait.com/businessview/#how-it-works

 

I already know how to create the menu with the URL but cant figure out how to create custom ID's for sections.  I don't want to use the predefined template scope ID's because I want my URL links to be readable.  For example, I don't want to use "highlightux5t728", or "pl_areau22bf3" in a URL because it make little sense.

 

He is using a Canvas Area, and somehow he got this code into his Canvas Area section so his drop down menus could jump to it:

<span id="how-it-works"> </span>

I do this all the time when I write HTML code, but can't see where to put an ID in any of the sections except ones like Media Box that have a custom HTML box you can insert code into.

 

Can someone help?

 

Thanks,

 

Derek

Share this post


Link to post
Share on other sites
Aires+    258
Aires

Hi, 

You start by adding  #targetname to your menu URL area like so 

http://i.imgur.com/DMHFC0X.png

 

and add this bit of code <a id="contact"></a>  where you want to jump to  your target name needs to be the same  in both.

 

http://i.imgur.com/GziYD9B.png 

 

as for where you put it thats really up to you I wanted to go the highlight section so i stuck it there but can drag a text box somewhere and put the code in there and it will work the same .

 

hope this helps

  • Like 1

ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
Fish-Owl-360    1
Fish-Owl-360

Aires, I have that part down but was asking about where to put the code with an id like your example: <a id="contact"></a>

 

For example in a Canvas Section, I don't see any place to enter custom HTML code.  Can I just drop it in the Custom Styling Classes?  Probably not...

 

[attachment=2184:CanvasArea.PNG]

 

There is no place to add the HTML code that I can see.

 

OK I see you edited your post and included a screen shot showing how to add the code to a Highlight Section.  I didn't know you could just drop HTML into a Text area.  That is helpful.  I'm still wondering how to do that with a Canvas Area section.  Maybe only possible with a Plugin?  Seems like basic functionality that should be possible without plugins.

Share this post


Link to post
Share on other sites
Aires+    258
Aires

Drag a text box section into the canvas and put the code in there or if you have another section with inthe canvas area like a media box or ibox. 

  • Like 1

ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
Fish-Owl-360    1
Fish-Owl-360

Wow, thats easy.  Thanks!

Share this post


Link to post
Share on other sites
Aires+    258
Aires

NP


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Thanks for informing us the issue has been resolved, we appreciate it.

 

Aires, thanks for assisting.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • Lisa Haran
      By Lisa Haran+
      Hi 
      I have a map here http://www.iloveoffset.com/maps/
      I want to add several pointer locations to the map, but when I do they do not appear.
      On this map there are 2 pointer locations and as you can there is only one visible.
      Earlier today I added 7 and could only see 4 so there is something odd going on.
      My theme is up to date
    • clj182
      By clj182+
      Hello,
      I've been having trouble unlocking the template section for past couple of weeks. When I try clicking nothing happens. 
      I've deleted my custom css and removed plugins. Im down to having only the following plugins:
      Akismet
      Contact Form 7
      DMS Professional Tools
      Pagelines Updater
      WooCommerce
      It was working fine before i have no idea what's going on with it.
    • flourishdesignstudio
      By flourishdesignstudio
      My DMS 2 site http://www.heart-stone.com/ will not save any new custom css... I can still edit templates and publish those but any custom css that I enter never saves.
      All WP files, themes, and plugins are up to date. 
      Any thought about what might be causing this?
    • flourishdesignstudio
      By flourishdesignstudio
      Is there a way to edit the custom CSS via FTP? I know I can edit the custom code in the Chrome editor but is there a file path I can use to find and edit the CSS directly from our FTP?
      Thanks in advance for the help!
    • nizami
      By nizami+
      Using navbar section with correctly configured WP menu to display main navigation at https://elenaangel.com. 
      All fine in desktop viewport. Menu displays twice in hamburger mode. How to fix this please? 

×