Return to previous page

Scroll-to-top button disappears - by Stefan

This topic has 11 replies, 4 voices, and was last updated 9 years ago ago by Eva Kemp

Stefan

Participant

April 23, 2015 at 10:13

Hey staff crew!
Why does the scroll-to-top button disappearing within displays < 770px [on mobile devices(!)] – even there where it’s absolute neseccary? On displays with > 770 px width it works.

Tested in 5 browsers (IE, FF, Opera, Chrome, Safari). It does affect also the theme with the support forum here, if ‘mobile version’ is enabled (TheLeader, too?).

Maybe you can fix it with the next theme update which comes around the ‘next days’.

Stefan

#58960 Copied

10 Answers

Robert Hall

Support staff

April 23, 2015 at 10:25

Hello,

Please provide us with link to the page and wp-admin access in Private Content.

Regards,
Robert Hall.

#58962 Copied

Stefan

Participant

April 23, 2015 at 10:48

It’s also the same here in the forum! The scroll-to-top button disappears within displays <770px. You can test it here in your forum, too!

Please, contact administrator
for this information.

#58972 Copied Theme version: 1.7
Eva Kemp

Support staff

April 23, 2015 at 13:46
Hello,

Please add this code in custom.css file:
```
@media (max-width: 767px) {.back-to-top.hidden-phone.hidden-tablet {
  display: block !important;
}}
```
How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

Regards,
Eva Kemp.
#59083 Copied
Stefan

Participant

April 23, 2015 at 15:12
Doesn’t work!

Tried few ways:
- create custom.css, ENABLED within theme options, pasted in your css, changed in admin panel (followed the description, never made before on this way)
- create custom.css, ENABLED within theme options, …, upload via FTP
- pasted into the responsive.css after line 339 “@media (max-width: 767px){}“
#59174 Copied
Brian Johnson

Member

April 23, 2015 at 15:23
Hello
You may try this code:
```
.back-to-top {
  display: block !important;visibility:visible!important;
}
```
With best regards
Brian Johnson
#59180 Copied
Stefan

Participant

April 23, 2015 at 15:45

Maybe …

Nope, the same!

#59188 Copied

Stefan

Participant

April 23, 2015 at 17:02

Please, forget what I said at least!

OK, now it works. I work with a child theme. Got an error in Firebug with: “file: …/theleader/custom.css not found”. Because I created the custom.css in the child-folder. But the theme search for it in the parent folder. I didn’t knew that. Now, I pasted the custom.css into the parent folder and it works!

Thank you for the code and your understanding. Sorry for the/my inconveniences.

Stefan

Last question: Some news about the theme and the update to 1.8?

#59242 Copied

Eva Kemp

Support staff

April 23, 2015 at 17:04

Hello,

I’ve edited the code in custom.css file. Please clear browser cache and check the site.

Regards,
Eva Kemp.

#59244 Copied

Stefan

Participant

April 24, 2015 at 09:30

Hey Eva, CSS code works great. Thanks a lot! At first I pasted the custom.css into the child theme folder. Nothing happend until I pasted in the parent theme folder. Finally I don’t want to use the custom.css and think it would be better to add “your” css to the responsive.css.

“child theme”
But now there’s another issue. I created a child theme and handle this with/over/about the style.css. Almost everything is fine. In the backend I can choose between “theLeader” or my child theme. Works! I added some lines to the style.css and pasted into the child folder. Works too!
But yesterday with your code above include the media queries (@max-width 767px) … I realize the child uses the responsive.css in the parent(!) theme.

Now my question: How do I set up the child right?

(Sorry, please excuse me & my bad english!)

Thanks in advance

#59392 Copied

Eva Kemp

Support staff

April 24, 2015 at 11:00

Hello,

The details instruction is written in WordPress documentation:
http://codex.wordpress.org/Child_Themes
Please read it attentively.

Thank you.
Regards,
Eva Kemp.

#59421 Copied
Tagged: button, disappears, persuasive, scroll-to-top, themes, woocommerce, wordpress
Viewing 11 results - 1 through 11 (of 11 total)