[Resolved] Need to add scroll to top button after scrolling the page little bit.

[Rahul]

Hello,

i need to add scroll to top button after scrolling the page little bit. how can i add this button and i have tried to make button in footer but it’s only showing in footer but i need on right sight and from middle of the website. please help me out

[David]

Hi there,

go to Customize > Layout > Footer and enable the Back to Top button there.

[Rahul]

done thank you.

one more thing. i have created a block element and added a button and then hooked it to menu_bar_items but it’s showing near menu. i need to shift the button a little bit to right. please help me out

[David]

Can you share a link to the site where i can see this ?

[Rahul]

Des

[Rahul]

and on mobile it’s looking bad

[David]

You will need more space in the header.

1. Customizer > Layout > Header and set the Header Inner to Full Width.

2. Add this CSS to your site:

@media(min-width: 768px) {

    .main-navigation,
    .main-navigation .inside-navigation {
        flex: 1;
        padding-right: 0;
    }

    #primary-menu {
        margin: auto;
    }
}

For the Mobile device, edit the Element you created, switch to Mobile Preview and then edit the Button styles so its more mobile friendly.

[Rahul]

i have added simple css but than where to paste this code?

[David]

In Customizer > Simples CSS 🙂

[Rahul]

saved

[Rahul]

please check this domain in google pagespeed. how can i resolve those issues. please help me out

[David]

Please raise a new topic for any new questions you have.
And please be more specific in your questioning

[Rahul]

ok thank you

[Rahul]

On mobile it’s not showing in center

[Ying]

On mobile it’s not showing in center

What’s not centred on mobile? Can you be more specific about your questions?

Thanks!

[Author]

Posts