Category tag in mobile

Posted in: Newspaper
Post count: 22
Monokromdesign
#214217
Jan 31, 2018 at 9:29 am

Hi.

I modified module_14 in order to have the category tag show on mobile


@media (max-width: 767px)
.td_module_14 .td-post-category {
display: all;
}

In mobile view (small portrait phone) the category tag shows, but it doesn’t align with the heading. Can you supply a css fix?

The site is wefrb.easysite.dk, front page, first block, responsive portrait phone.

Looking forward to hearing from you!

Best regards from Lars

Post count: 7909
Alin [tagDiv]
#214326
Jan 31, 2018 at 4:57 pm

Hi,

The css provided above is not correct. The is no display:all property – https://www.w3schools.com/cssref/pr_class_display.asp
And like you can see here the css is not applied – https://www.screencast.com/t/Lwf7kxVUrd
The category tag was is hidden on mobiles for module 14 and it appears on your site because you have removed display:none; from stylesheet file.
I suggest to remove your custom modifications and use this custom css in Theme Panel > Custom Css – https://www.screencast.com/t/vIaNZgxgb

@media (max-width: 767px){
.td_module_14 .td-post-category {
margin-left: 14px;
display: inline-block !important;
}
}

Thanks!

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