back to the top button - I cant change the position

Hi there,

do you you just want to move it up so it doesn't get hidden by the share bar on smaller devices ?
If so try this:

a.generate-back-to-top {
    bottom: 80px;
}

Hi,

thank you. I have tried it. It doesnt work which is weird as if I use the inspector the bottom moves up but if I copy and paste it in the theme customiser it doesnt work.

This is all my CSS code:/* GeneratePress Site CSS */ /* navigation letter spacing */

/* category menu hover lines */

.main-navigation .menu > .menu-item > a::after {
content: "";
position: absolute;
margin-top: 6px;
right: 50;
left: 50%;
color: #565656;
top: 8px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: block;
width: 0;
height: 2px;
background-color: currentColor;
transition: 0.3s width ease;
}
.main-navigation .menu > .menu-item > a:hover::after,
.main-navigation .menu > .menu-item > a:focus::after,
.main-navigation .menu > .current-menu-item > a::after{
width: 30px;
color: #97c3e3;
}
.inside-navigation .gb-button-wrapper {
order: 10 !important;
}
@media (max-width: 768px) {
.main-navigation .menu-bar-item.search-item {
margin-right: -2.2em !important;
}
}

/* line above H1 on global header elements */

.page-hero.headline-rule h1 {
position: relative;
}
.page-hero.headline-rule h1:before {
content: '';
position: absolute;
display: block;
height: 60px;
border-left: 1px solid #607b7d;
left: 50%;
transform: translateX(-50%);
top: -66px;
}

/* mobile header spacing */

.mobile-header-navigation {
padding: 10px;
box-sizing: border-box;
}

/* template tag styles class for posts meta */

.post-tags {
font-size: 14px;
margin-top: -10px;
}

/* image block styling */

.image-style img {
border-radius: 80px 4px;
box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
}
/* back to the top */
a.generate-back-to-top {
bottom: 60px;
}
/* hamburger icon */
.gp-icon svg {
height: 0.8em !important;
}
/* Sticky Sidebar */
@media(min-width: 1024px) {
.both-sidebars .site-content {
display: flex;
}
.both-sidebars .site-content > div {
left: unset !important;
}

#left-sidebar {
order: -1;
}

.inside-left-sidebar, .inside-right-sidebar {
position: -webkit-sticky;
position: sticky;
top: 60px;
}
/* Fluent Forms Newsletter Sidebar */
.newsletter-sidebar
{box-shadow:
0.1em 0em 1em 0.05em #dce4ea}
}
/* Dynamic Feature Image */
.dynamic-featured-image, .dynamic-author-image {
vertical-align: middle;
border-radius: 8px;
}
/* End GeneratePress Site CSS */

I have disabled wp rocket, perfmatters and redis. cleared the browser cache... used a differnt browser.

I just dont know what it is...

Do you have an other idea?

I used even:
a.generate-back-to-top {
bottom: 60px !important;
}

In your CSS you have this, which has an additional } that is breaking the CSS that comes after it:

.image-style img {
	border-radius: 80px 4px;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
} <--- remove this bracket

Thank you David. Issue is solved that did the trick

Glad to be of help.