Hi,
I want my slider revolution on the top of my home page for any device, but I can’t see it in my mobile version.
I use “tagDiv Mobile Theme” plugin.
If I do disable the plugin then, I see the slider even mobile devices, strangely.
Regards
Dr. Cocci
-
This topic was modified 8 years by
drcocci@gmail.com.
Hi,
That will be the case. If the mobile theme plugin is disabled, then the same content from desktop will be displayed on all devices. The mobile theme plugins is optional, you can simply leave it deactivated.
If you choose to use it, please note that mobile page content will have to be entered through the mobile editor
– https://www.screencast.com/t/OuxeGzZD6pq
The plugin comes with predefined templates for the homepage, posts, category pages etc. You can find out more information here
– https://forum.tagdiv.com/the-mobile-theme/
If you would like to place a revolution slider on a mobile page, enter the slider shortcode in the mobile editor for that page
– https://www.screencast.com/t/OKRydevZWSd9
– https://www.screencast.com/t/YLe8R2WIAu
– https://www.screencast.com/t/c7iKYrjQddP
Thanks
Hi,
thank you for your very detailed answer.
Now, I have added my rev slider but I whant it immediately under the header menu.
Not between the Top grid and latest articles.
Is there a way to do this above?
Otherwise, how can I disable Top grid in mobile theme?
Regards
Dr. Cocci
Hi,
The top grid cannot be disabled, unless you remove all posts from the Featured category so it will not appear, but that is not a good solution.
You could achieve that a different way, it will require a modification to the mobile front page template. The slider can be then placed above the top grid, like this
– https://www.screencast.com/t/EdPqz4Ode
– https://www.screencast.com/t/F5pmyn1oY1
<?php echo do_shortcode ('enter shortcode here'); ?>
The result would be like this – https://www.screencast.com/t/iyizmSRu0a
Some margins could be added to top and bottom if needed
– https://www.screencast.com/t/TagJsncTRb
This would be the code for that, you can modify the pixel values as you wish, then enter the code in Theme panel->Mobile theme->Custom CSS code section
.rev_slider_wrapper {
margin-top:5px!important;
margin-bottom:5px!important;
}
If you want the slider to be full width (no margin left or right) that can be done in the slider settings
– https://www.screencast.com/t/KBRtdV3o7y7q
– https://www.screencast.com/t/IhIWzEvv
Result – https://www.screencast.com/t/sPIvQk6BdT
The top and bottom margin would be like this if you make the slider full width
– https://www.screencast.com/t/866eQxCEh
.forcefullwidth_wrapper_tp_banner {
margin-top:5px!important;
margin-bottom:5px!important;
}
Thanks