Call to Action button in header

insurancesystems

Hi BeTheme developers,

I have issue with the Call to Action button added in the header beside the site main menu to link to a section in specific page.

Before I give detailed explanation on the issue, the functionality I want to achieve is using a CTA button in the header to link the users to section in the Contact page I've created: /contact/#requestdemo :

http://prntscr.com/lac26m

The header style I use is "classic".

Using the Theme Options -> Header & Subheader -> Extras section, I was able to create the button and link it to the appropriate section in the page:

http://prntscr.com/labvbo

The issue I'm encountering is that, whenever I'm on any subpage from the main menu on my site and click on CTA button, I can't link to that section in that page and displays the Error Page. That is not the case when I'm on any of my main pages from the menu and click the CTA button, which works perfectly and it redirects me to that section and page.

In my understanding, the issue is the link level, the subpages are level deeper than the main pages and can't find the correct path to that section when clicking the button. Like: mysite.com/about-us/careers and clicking the CTA doesn't redirect, but mysite.com/about-us and clicking the CTA, works perfectly.

What I've tried:

• Correct the link path in Theme Options -> Header & Subheader -> Extras section -> Link, but if I correct it to work for the subpages, It won't work for the main pages (I did that with: ../contact/#requestdemo)
• Tried just in case to rearrange the menu and all the pages to be the same level, that didn't work either

Have you encountered this issue before and do you have solution to this using the theme options that maybe I've missed or maybe a workaround with extra css/js code that I can resolve this?

I apologize if this is repeated question, I couldn't find it in the forum discussions.

Your help and suggestions will be really appreciated.

Thanks,

insurancesystems

Pablo

Hi,
prntsc.com is having some issues now and I cannot look at screenshots.
Please, disable all of the plugins, clear the cache of the browser and check if this issue exists.
Also, send me a link to your website.
Thanks.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

insurancesystems

Hi Pablo,

Sorry for my late response, here is a link to my test site I'm using before I upload it on my domain:

https://webtest.insurancesystems.com/

I disabled all the plugins, cleared the browser cache and the issue still appears. This is how the pages were arranged where subpages had parent page when the issue was appearing:

http://prntscr.com/lbssr1

I found workaround by removing the parent of the subpages in the Pages section in WordPress dashboard:

http://prntscr.com/lbsqo4

The workaround is making the CTA work as it should be, but this is the case I want to avoid.

Let me know if you have any idea.

Thanks,

insurancesystems

insurancesystems

Pablo

Hi,

Insert whole link to this section in CTA url field.

I mean:

https://webtest.insurancesystems.com/contact/#requestdemo

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

insurancesystems

Great! This works perfectly, it didn't occurred to me at all to try this, thanks a lot for the help Pablo.

Thanks,

insurancesystems