On Desktop it looks fine, but it looks ultra wired on mobile, 3 rwos each column on smartphone? whats going on here? đ
And the Header use position absolut, so the slider goes under the header. Here we need something like that:
body {
&.home {
.td-main-content-wrap {
padding-top: 150px;
}
}
}
I know css, but i can not belive that the theme dont have basic stuff like that inside. I mean when i can setup the header position absolut, then it must be create a padding top automaticly… no one need content behind the header…
Hi,
I see you have used the flex block in the page. Note that this block can be configured as you want by device. So for example if you want to display 3 modules per as you do now, it will look good on desktop. But on mobile it will not, so display fewer modules per row on mobile
– https://www.screencast.com/t/23hFY2P2
– https://www.screencast.com/t/RPlZLr9Ljzc
One module per row would be suited for mobile.
The page template you are using is the overlay template, this will position the header over the page content, in this case over the slider. This template would not be the best to use if you want to display a slide below the header. These are some demos that use it, that is how it should be used if possible
– https://demo.tagdiv.com/newspaper_spa/
– https://demo.tagdiv.com/newspaper_smart_app/
– https://demo.tagdiv.com/newspaper_construction/
In your case it would be like this, with no background color
– https://www.screencast.com/t/b5PoXxMK
You should consider changing the page template for better results
– https://www.screencast.com/t/1cMUKPafR
Thanks
Hello Have a problem. My website is: http://www.reporterdafrique.com
Its look good on computer but doesn’t appear well on phone. It’s only the latest post that shows up and i can’t even see the slider on the home page.
Hi,
@KENGBOGASTON That would happen if you use the mobile theme plugin. Find out more about it here
– https://forum.tagdiv.com/the-mobile-theme/
The front-page on mobile when the plugin is active, will consist of a grid displaying posts that you enter in the Featured category
– https://forum.tagdiv.com/featured-posts-2/
Then a latest articles section will follow.
Note that the mobile theme plugin is optional, you can deactivate it. It is meant to be used if you want to display a different and simpler version of the website on mobiles.
When deactivated, the default responsive version of the theme will display on mobiles, showing the same content from desktop.
Test with and without the plugin, choose what you think is best.
Thanks
