Hallo,
gibt es eine Möglichkeit, die Widgets welche ich in der Sidebar verwende, für alle mobilen Geräte am Ende der Seite bzw. unterhalb des Contents darzustellen?
Theres a way to show the three widgets of the sidebar for all mobile devices at bottom of page?
Sorry for my bad english ,-)
Freundlichst – Regards
Soltner
Hey soltner!
Thank you for using Enfold.
It’s kind of possible but you will lose the sidebar styling if locate it outside the header or sidebar area. Try to add this to the functions.php file:
add_action('wp_footer', 'ava_custom_script', 10);
function ava_custom_script(){
?>
<script>
(function($) {
if($('#header').css('position') == 'relative') {
var sidebar = $('#header .avia-custom-sidebar-widget-area').detach();
$('#footer').before(sidebar);
}
}(jQuery));
</script>
<?php
}
Use this in the Quick CSS field:
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
.responsive #top #main .sidebar { display: block !important; }
}
Cheers!
Ismael
Hi Ismael,
thank you for the answer!
I add the code, but now the widgets are no longer displayed on smartphone…
i want to display the widgets on smartphone at bottom of every page, before the socket – is there a way?
Thank you very much ,-)
Soltner
Hey!
I can see the widgets fine on mobile sizes but they are displayed in the header as expected. Maybe you could add a widget area under the content of the page and hide it for everything except mobile? That might be the easiest solution.
Cheers!
Rikard
Hey Rikard!
Ok, thats a good idea ,-)
Thanks you for the support,
Cheers!
Soltner