Scroll Bottom Anchor Use in a Section

[jjmil03]

Hello,

I am trying to use the default scroll bottom anchor (looks like a circle with a downward pointing carot in side of it). I use it when I use sliders because I can check the box for it in the settings page in the slider - above/below masthead section - however I would like to use it on a hero section that isn’t created with a slider. I am currently using a custom one, but it looks way too big in a mobile version, and it’s just not consistent across the website either. If there is a shortcode or some other method of using it that someone could help with, I’d appreciate it.

Jon

[paul.r]

Hi Jon,

You can add a unique class to your scroll bttom anchor.

eg.

<a href="#journey" class="my-scroll">[x_icon type="angle-double-down" style="font-size: 60px; color: white; display:inline-block;vertical-align:middle;"]</a>

Then target it to reduce the size in mobile.

Add this code in Theme Options > CSS

@media(max-width:767px) {
.my-scroll {
    font-size:30px;
}
}

Hope that helps.

[jjmil03]

What I would prefer to do instead is to use that default wordpress anchor - is there a way to use that?

Jon

[christian]

Hey Jon,

Would you mind giving us a screenshot or reference of the “default wordpress anchor”?

Thanks.

[jjmil03]

[friech]

Hi Jon,

Regretfully, the section does not have that feature, only the featured sliders. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

This post here might help.

Thanks for understanding.