Subtitle not appearing on mobile version and how to stylize the subtitle

Posted in: Newsmag
Post count: 34

HI Good day.

I would like to ask about this : Subtitle not appearing on mobile version and how to stylize the subtitle

  • This topic was modified 7 years by mb2019. Reason: notify
Post count: 23312

Hello,

I have made a test on my side and the subtitle seems to be displayed as you can see here
-> https://www.screencast.com/t/RXnh9BDTyq Please provide your website URL so I can take a closer look at your subtitle section.

Thanks.

Post count: 34
Post count: 34

Also in desktop view subtitle is inside the featured image.

Post count: 23312

Hi,

I have checked your website and it seems that for that post template 4, the Subtitle was hidden on mobile and that’s why you bring nothing. Please try using the code below and place it in Theme panel -> Custom CSS area.

@media (max-width: 767px){
.td-post-template-4 .td-post-sub-title {
display:block;
}}

The result is here -> https://www.screencast.com/t/fdh7WhyO

Thanks for your understnading!

Post count: 34

Thanks for the immediate response. Is it possible to put the subtitle below the image (not inside the image)?

Post count: 23312

Hi,

If you want to make this modification, you need to edit the code from here -> https://www.screencast.com/t/5vDpdOuSGvv

Thanks for oyur understanding!

Post count: 34

Thanks a lot.

Post count: 34

Hi Sir,

I put down the title below the image for the single post template. How edit / stylize its css to put padding on Mobile version?

Here’s the link :
https://www.motortech.ph/2019/03/04/new-president-of-vw-ph-bullish-on-sales-growth-in-2019/

Thanks in advance.

Post count: 34

Follow up on this.

Post count: 23312

Hi,

If you want to affect that section on mobile devices, you need to create your own custom CSS code and apply it only for mobile devices, using the media queries. Please check here -> https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Hope this helps!

Thanks for oyur understanding!

Post count: 34

Hi Sir, can you give me an example for that in post template 4, I find it very hard to do it on my self. I hope its ok to ask about this.

Thank you

Post count: 23312

Hi,

Try the code below and place it in Theme panel -> Cusotm CSS area.

@media (max-width: 767px){
.td-post-template-4 .td-post-sub-title {
padding: 0;
}

The result is here -> https://www.screencast.com/t/shhOEOpzU

Thanks.

Post count: 34

Hi Sir thanks for quick reply. I mean if put the main title after the image. how to do the same thing like padding, margin, etc.

Post count: 23312

Hi,

If you want to create your own style for that section, you need to use the Inspector browser from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

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