Hi
On the site http://www.udvikling.fiskogfri.dk, the logo is partially blocking the top of the slider on mobile devices.
I tried the mobile theme plugin instead, and that was much better, but unfortunately none of my pages content work in the mobile theme?
I also tried this code:
@media (max-width: 767px){
.header-style-3 .td-logo img{
height: 52px;
width: auto;
}}
And nothing happens
We are launching tommorrow, so please help!
Hi,
That is happening because of a margin from the demo you are using, for the top row containing the slider. There are two ways how this can be fixed.
Either remove that margin in the demo stylesheet
– https://www.screencast.com/t/F23w24Dteco
Or enter this code in Theme panel->Custom CSS section
– https://www.screencast.com/t/QDGJd30Wz
.td-politics .td-slider-row {
margin-top: 0;
}
This modification will affect the desktop version as well. Before removing the code or adding the custom code
– https://www.screencast.com/t/TXLmE6w2G3X
And after making the modification
– https://www.screencast.com/t/2Zwc2ZI0jhpD
If you want the desktop version to remain the same, do not modify the demo stylesheet. Simply enter the code provided in the Theme panel->Advanced CSS in the phones section, so it will apply only on mobile devices.
Let me know if you have any further questions or need further help.
Thanks
