Homepage anchor link


#1

Hi, I can’t work out how to place anchor links/tags in the homepage on Intro - I can see the link in the demo content, but can’t workout how to replicate it.

Many thanks, really great theme.


#2

Hello, on which anchor links do you mean, can you post your page link or screenshot?

Thanks


#3

Hi, thanks - I can’t make the site public currently.

I’m trying to replicate the link in the demo content that take the user from the call to action button in the header, down the page to the content. I can’t see where the #info is taken from within the front page layout.

Thanks


#4

OK, I get it now.
Header options are changing from Appearance > Customizer > Header Area.

Links in header are targeting IDs of certain HTML elements. For example on demo page Facts widget ID is taken from this line of code <div class="panel-grid" id="pg-22-4"> so for link for header CTA button we would type #pg-22-4.

To find these IDs, load your page with google chrome, open developer tools (keyboard F12) inspect desired element, here, a picture speaks a thousand words.


#5

thanks - that make sense.

Very useful theme - thank you.


#6

Hi, and thanks. When I found this information I am on track.

I’m stuck please advice how the page jump down to more services like in the demo and as the

I learned how to make an anchor and put it on top of the page for example contact page where I want my call to action button on the front page should take it.

How do I make it so it takes the user from the call to action button in the header, down the page to the content?

The name of the contact page ID, is according to your explanation above pressing F12:
#page

Madeleine


#7

Hi Madeleine,

It can’t be #page it should be something like #pg-somenumber-somenumber

Can you please share your page link with us so we can take a closer look, thanks.

Best Regards


#8

hi i have some issues need to fix it cant change the service b ??
from where to change it and how does the page moves down automatically to the next service like in demo page! need help urgently


#9

@nikhilarora06

Hi,

Please post your page link so we can see that, it is much easier in that way.

Best Regards


#10

Link- http://futurefoodtrial.byethost33.com/wp
check dis like in demo when u click is slowly does to that thing and here it directly oes and can i put different backgrounds on different pages and once refer the service page i don’t know why the font is showing up differently


#11

Hi, thanks! Of course here’s the page to where I want the Front page Button to go to:
http://www.artministra.net/kontakt-2/

Please advice.

Thanks!

Madeleine


#12

Hi, my website is http://www.alphamichael.com

I can’t get the anchor to work, want to jump page to about me and latest post but it’s just not working :confused:


#13

@Excl: change the 226 in your links to 266.


#14

Much thanks @Vlad, must’ve been me being careless and making a silly mistake in reading the number!


#15

Hi Dimikjones,

I can’t find the #pg-somenumber-somenumber as you suggest.

I’ve really searched and I truly can’t see anything named like that.

This is the page:
http://www.artministra.net/kontakt-2/

Please advice.

Thanks!

Madeleine


#16

@Madeleine

Hi,

Anchors are working only on one page website, you cannot add anchor for another page like contact and to be able to scroll to contact form from some other page.

Best Regards


#17

Hi Dimikijones, and thanks for your reply.

Okay.

How do I make the Call to Action Button on the frontpage to jump down to “Our Services” on the Front page in the Sydney free theme?

Really greatful for your help,

Best regards,

Madeleine


#18

Hi Madeleine,

For your CTA button add link #pg-2-0 in order to scroll to services.

Best Regards


#19

Thanks! Wow! It finally works on my Swedish page.

Although,…

I can’t see that it also works in English and Norwegian.

Would you mind checking if the call to action button jumps down to “Our Service” for you? So appreciate it if you can.

Best regards,

Madeleine


#20

Website is: http://www.artministra.net