How i do Headlines clickable?

Hey Hans,

You’re using a Headline element so the instruction in my previous reply applies.

It’s still good that you gave us access though because it enabled me to see that your setup is incorrect and that is you wrapped your text with another heading tag. Remove the h3 heading tag and replace it with an anchor tag like my previous screenshots. If you want to learn more about the Anchor Tag, please see

You also shouldn’t be wrapping your text with a heading tag or any block level tags because it’s already wrapped by a tag that is set in the Headline options.

Hope that helps.

Are these codes a CSS code?

Hey Hans,

No, those are HTML codes.

If you want to read more about it, please check it here:

Hope this helps.

Where can i find that HTML codepanel? I added a classic headline and then i wrote this code in the class section:

Web Development

the text is clickable now and it works, but when i am holding my mouse over the text the text disappear:

Can i change the color in the style section?

Hey Hans,

It’s because your Site Links color is white. Change the color in Theme Options > Typography > Site Links.

If you want more styling options, you might want to opt to use a Button Element instead. For more details, please see

Hope that helps.

i used Buttons instead of headlines, this is the result:

Now when that is fixed, a new problem have emerged when i am looking how my page looks, these columns are not there in the editor only when you click on :

New Problem

how do i remove those columns i have circled?

Hi Hans,

I have checked the page builder area for the homepage through Pro > Edit Page and from the admin area and I am seeing the columns with the buttons you have just added:

Kindly try to clear your browser cache then check again.

You have added these links in the menus so you will have to remove them from there:

Choose the menu then click Select.

The menu items should then be listed:

Click remove then save the menu.

Hope this helps.

Thank you it worked.

on to the next thing, and that is how can i make this work on my site?

And how do i fix this?

Hi Hans,

You will have to assign an ID to the section where you want the link to go.

For example you want to link to the the Web Development page’s Custom Website Development From Scratch.

Edit the section setting of the Custom Website Development From Scratch then assign an ID to it:

Assuming that the ID you assigned to the section is web-dev-from-scratch, go to the menu settings and add a new menu as a Custom Link then set the URL as

The first part of the URL is the link to the actual page where the section you want to link to is: then append the ID of the section prepended by #.

Hope this helps.

Just to be clear, that also helps the link to go directly to the topic in question, lets say that i click on Custom Website Development From Scratch , and then after i have clicked i come to the site like this;

So it doesnt include the top of the page, but i can always scroll up to the top if i want to

Hi Hans,

Yes, that should be the expected outcome of the previous suggestion I have made so kindly follow carefully the step by step guide given.

Let us know how it goes.

i have setup all Custom Links, i do not understand how i use The ID thing, what should i put in that box?

also i need some help with my footer for my laptop and ipad setup, how do i move this?

Hello Hans,

Thanks for updating the thread.

In the ID field you need to enter a name and that will be considered as the ID of section. To learn more about ID, please take a look at following resource.

Regarding the second question, please open footer builder. Inspect Bar and under Flex Layout, select Wrap Children.

Let us know how it goes.


it worked with wrap children but i got a second problem:

Also i do not get that ID box, should i go with something like this? #Custom Web Design or is it something else?

Hi Hilmer,

This thread is getting longer and longer and it is hard for us to maintain all the back and forth. Would you please kindly open up new threads for your new questions? This will help us to maintain the threads and give you a better service and also it will help our other customers to find a solution if they have the same question as you.

So, let’s help you with the footer in a new thread which you will open up.

Regarding the ID:

Please make sure that the ID be all lowercase and there should be no spaces. So the ID for your case should be customwebdesign which you should add into the ID option of the Section as my colleague described.

Whenever you want to link to that section with the ID, you need to add something like this for the link:


The # tells the browser to go to the section with the customwebdesign ID.

As you seem to be getting started with such stuff I strongly suggest that you first study up our theme documentation here.

Thank you for your understanding.

I have read: Adding Classes and IDs to v2 Elements, Setup - How To Locate Category IDs, and I still dont get it right, i tried to add #Customwebdesign #CustomWebsiteDevelopment #WebsiteDesign+SEOBundle in the ID box and it didnt work.

Hi Hans,

Perhaps the previous instructions were not clear or specific enough so I will give you a step by step guide on how to do it on your current setup.

Let’s say we need to link directly to the Website Design + SEO Bundle part of the Website Development page:

So, the first thing you need to do is to assign an ID to that area of the page

This is necessary because the ID will serve as the identifier of that area/section which we will use later to tell the browser to go to that specific section through the ID we assign to it.

ID should be unique on a page and there should be no other areas/element/content on the page with the same ID.

For this example, I set the ID web-design-seo-bundle to the Website Design + SEO Bundle section. Here’s how I did it on your page:

Please do not forget to save the page.

Next step is to specify the ID of that section in the menu item link

You will have to do this in the Menu settings of your site:

Since we are trying to link to the Website Design + SEO Bundle section of the web development page, we will have to edit the menu settings of your Web Development menu since the Website Design + SEO Bundle menu item is there.

You currently have: set to the URL of Website Design + SEO Bundle. What this will do is it will merely link to the web development page itself and land on the top of the page since we did not specify which part of the page it should link to.

This is where we will have to make use of the unique ID we have assigned to the Website Design + SEO Bundle section of the web development page.

We will have to assign: to the URL of Website Design + SEO Bundle menu item.

Let us dissect the URL segment to further understand it:

1. The URL of the actual page
2. The ID of the section

Basically, the first part of the URL is the action page URL then the second part is the ID of the section prepended by # to signify that we are linking to an ID to is assigned to a page element.

The result now is:

You can check the settings I have made on the pages for reference which you can do to the other sections you want to directly link to.

Hope this helps.

it worked, thank you for your cooperation, i appreciate it

You’re most welcome, Hans.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.