Gadget Pro Homepage /Tablet view issue

Posted in: Newspaper
Post count: 22

Dear TagDiv,

There is an issue on my Gadget Pro homepage. The section header text is at the wrong location on the tablet view. We could not fix it. Please kindly see the following image and video(2 mins).

Image
https://imgur.com/a/eona2jp

Video

Best
CL

Post count: 35449

Hi,

The problem is that on IPAD PORTRAIT is a margin top that is removed, you can add a code, this can e corrected using tagDiv Composer, select the main row from the content and select the ipad ->https://i.imgur.com/NuBOwoy.jpg and in css tab add a margin bottom I think for you it is 140px like this -> https://i.imgur.com/6mnI2BB.png if this is not fixing the problem, you can try a custom css like this one -> https://i.imgur.com/6yjlboS.png
.tdb-template .td-main-content-wrap {
margin-top: 140px;
}

The code need to be set in Theme panel> Custom code> Advance css > iPhone section.

Hope this will help you!
let me know the results!

Post count: 22

Dear Calin,

Thank you. I’ve fixed the header on IPAD view. But it seems there is still an issue on the footer.

And there is also an issue on the 2nd language version. The block will be vanished if I put any value on the CSS margin field.

Please kindly check it.

Best,
CL

Post count: 35449

Hi,

The footer logo can be adjusted with a custom css -> https://i.imgur.com/Mko4Qh7.png
.td-footer-page .tdb-logo-img-wrap .tdb-logo-img {
max-width: 80%;
}

Using the custom css will fix the problem on both language -> https://i.imgur.com/lLFjFSX.jpg
.td-footer-page .tdb-logo-img-wrap .tdb-logo-img {
max-width: 80%;
}
.tdb-template .td-main-content-wrap {
margin-top: 140px;
}

-> https://i.imgur.com/zae2t6K.png

Please try like that and let me know the results!
Thnaks.

Post count: 22

Dear Calin,

Thank you.
It works.

Best,
CL

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.