Hitskin.com
Widgets in a separate tab in the mobile version
welcome everybody,
This trick is similar to @MattiaDes suggestion
Widgets in a separate tab in the mobile version
-----------------------
1: go to the mobile version templates
2: index_box
Enter the following code at the top of the template
- Code:
<style>
widgeto {
display: block !important;
margin-top: 10px;
padding-right: 10px;
}
.module {
display: none;
}
</style>
3: overall_footer
Find the next part in overall_footer template
- Code:
<!-- BEGIN switch_connected -->
replace it with
- Code:
<!-- BEGIN switch_connected -->
<!DOCTYPE html>
<html>
<head>
<script>
$(document).ready(function(){
$("widgeto").click(function(){
$(".forum, .box, .module, .box-widget-bottom").addClass("module1");
$(".module").addClass("module2");
});
});
</script>
<style>
.module1 {
display: none;
}
.module2 {
display: block !important;
}
</style>
</head>
<body>
<widgeto><i class="material-icons"></i><br />widgets</widgeto>
</body>
</html>
<style>
widgeto {
display: none;
}
</style>
Note...
The widgets button appears on the home page only
Hope you like this trick
Facebook
Twitter
Pinterest
Youtube
