One page Home button reloading the page

dawnmal25 · April 2017

I made a one page website. When I scroll down, everything works. When I scroll back to the top, the "Home" button is not highlighted and when you click it, it reloads the page. I just want it to bounce up to the top of the page (to the menu and slider revolution) and not reload the site itself.

Bryan · April 2017

Hi,

Please send a link to your page.

thanks

dawnmal25 · April 2017

http://dcbuildingsystems.com/

Bryan · April 2017

The problem is that all of your menu links are link to anchors, and the menu item is a link to your home site. You need to edit the menu and replace the home link with a link to a ID on the page. I suggest #Header

dawnmal25 · May 2017

But where do I put #header for it to bounce back to the top? I have it on the menu title, but I can't find where to put it in the menu or the top of the slider. Thanks!

Bryan · May 2017

Oh sorry, try #Header_wrapper. This will take you to the top.

dawnmal25 · May 2017

Awesome thanks!!!!!!!!!!!!!!!!

dawnmal25 · May 2017

Last question (I hope!) I want to be able to click an icon and have a picture pop up. Almost like a zoom box, but when I do a zoom box, the picture is too small. I want it to pop up like a gallery pop up would. Is this possible?

Bryan · May 2017

You can do it like this:

dawnmal25 · May 2017

Sorry! How would I use that with my current code:
<a style="border: 1px solid #9399b8; padding: 50px 0 30px; display: block; text-decoration: none;" href="https://dcsecuritysystem.com/wp-content/uploads/2016/05/pic.jpg">
[image src="https://dcsecuritysystem.com/wp-content/uploads/2017/04/1492551885_35.Alarm-Clock.png" border="0"]
[divider height="30"]
<h4 style="color: #fff;">FIRE ALARMS</h4>
[divider height="23"]
</a>

Bryan · May 2017

<a rel="prettyphoto" style="border: 1px solid #9399b8; padding: 50px 0 30px; display: block; text-decoration: none;" href="https://dcsecuritysystem.com/wp-content/uploads/2016/05/pic.jpg">
<img src="https://dcsecuritysystem.com/wp-content/uploads/2017/04/1492551885_35.Alarm-Clock.png">
[divider height="30"]
<h4 style="color: #fff;">FIRE ALARMS</h4>
[divider height="23"]
</a>

dawnmal25 · May 2017

You guys are the best, which is why I keep buying the theme :-)
THANK YOU!

One page Home button reloading the page

Comments