Tagged: Scroll Up Button
-
AuthorPosts
-
January 27, 2017 at 12:04 pm #739322
hi,
can you please tell me how I can make the scroll down button appear in the mobile version?
thank you
January 28, 2017 at 9:23 pm #739788Hey Rio1,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:767px) { .responsive #scroll-top-link { display: block; } }
HOpe this helps :)
Best regards,
NikkoJanuary 30, 2017 at 2:01 am #740058I like how the scroll up button adjusts its position when I flip the phone into landscape mode.
I actually have a floating button, which I want to behave like the scroll up button.the code I am using for it is
.floating {
position: fixed!important;
z-index: 99999;
right: 2%;
top: 90%;
}can you tell me how to do that?
January 30, 2017 at 10:41 am #740112Hi,
Can you give us a link where we can see the floating button you mentioned?
Cheers!
NikkoJanuary 30, 2017 at 12:54 pm #740158Of course:
February 2, 2017 at 3:54 pm #741860Hi,
It seems like you added your button into your content. Please add following code to Functions.php file in Appearance > Editor instead
add_action('avia_before_footer_columns','avia_footer_top_column'); function avia_footer_top_column(){ dynamic_sidebar( 'footertop' ); }
Then go to Appearance > Widgets and create a new widget area called “footertop” and then place your button shortcode inside it.
You can enable debugging mode to see shortcodes you have created in pages using Advanced Layout Builder – http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
Or, You can switch to Default Editor and click on Magic Wand to see full list of shortcodes http://i.imgur.com/n4KXkdm.jpg
then you can create any of them and copy/paste shortcode into any other content element or into text widget.Best regards,
YigitFebruary 22, 2017 at 7:29 pm #750614Hi yigit,
Thanks for the reply.
If I do that, the button would show on every page though (as part of the global footer section), wouldn’t ?February 22, 2017 at 7:53 pm #750626Hi!
Yes, however you can change the code to following one to apply it only on a certain page, in example, page ID is 59
add_action('avia_before_footer_columns','avia_footer_top_column'); function avia_footer_top_column(){ if(is_page(59)){ dynamic_sidebar( 'footertop' ); } }
Cheers!
Yigit -
AuthorPosts
- You must be logged in to reply to this topic.