Hello,
I’ve just bought this amazing theme and now I’m exploring all its features with the documentation. However, I haven’t been able to figure out how to make my mobile homepage look like the one in the demo (e.g. with a slider and featured posts). I just see the same desktop responsive version, with the same background. My newbie question is: Do I need to set up different homepages for mobile and desktop versions?
If there’s a tutorial about how to configure the mobile version, I’d really appreciate if you post the link, since I couldn’t find it yet.
In case you need to check out my site to see if there’s something wrong, it’s http://www.southamerica-tours.net.
Thank you! Best,
Oscar
Hello,
Our theme does not use another version for mobile devices. Your page will be the same one only styled differently. You need to set up your page on the desktop version and the mobile version will adapt to what you set in visual composer. You can follow this tutorial on how to use visual composer: https://forum.tagdiv.com/how-to-use-visual-composer/ and this video for a more dynamic experience: https://www.youtube.com/watch?v=ss-BEobegAw
I hope this helps.
Thank you!
Thanks a lot Bogdan! I’ve just learn how to hide/show elements in mobile/desktop versions via CSS, setting up the Newspaper panel in Custom code > Advanced CSS. However, now the slider I configured in my mobile-version homepage overlaps the subsequent block, altering the expected layout. Do I need to set up any offset for the first block, or what should I do to fix the layout? If needed, you can see the current look of my mobile site via the aforementioned link.
Thank you!
Oscar
Hello,
You simply need to adjust the negative margin given to the block for the overlay effect on the desktop version: @media (max-width:767px){
.td-travel .td-travel-features .td_block_wrap{
margin-top: 0!important;
}
}
Now it should position properly on mobile as well.
Thanks.
It worked smoothly… Thank you, and congratulations on your superb support service!
Oscar
