.class only for desktop

Posted in: Newspaper
Post count: 70

I have the resposive version on the mobile. The mobile version that goes with the theme does not work for me, because I can not jararquize the news and the last one always comes out in the first place. The problem is that I have created a .class to increase the size of the headline in the first new, and it is also picked up by the resposive version. Is there any way that a class does not show on the mobile?
My site is Diario Perspectiva
Thanks

Post count: 20688

Hi,

You could enter the code in the Advanced CSS section. If you want it to apply only for desktop, enter it in the desktop section
https://www.screencast.com/t/6olh7daevN
The the code will affect only desktops, not mobile.
Or configure the font how you want using theme panel options (each module article title can be customized) and then create a custom code for mobile
https://www.screencast.com/t/X7BphryFS
Here is a list mentioning then modules that each block or grid are made of
https://forum.tagdiv.com/theme-blocks-modules/

Thanks

Post count: 70

No, it does not work. I have entered the code in advanced CSS only in Desktop. But on a mobile it also takes this code and shows te same font size. It takes it as much for desktop as for the responsive version. Take a look. DIARIO PERSPECTIVA It is the first news. In desktop shows title size 33, and the same on mobile.

/* Amplia del tamaño del titular */
.class1 .td-module-title a, .class1 a{
font-size: 33px;
font-weight: 700;
line-height: 35px;
}

Post count: 20688

Hi,

Remove all the code you have entered concerning the font for this module. Remove it from the Custom CSS or Advanced CSS sections. Then enter this code in the Advanced CSS desktop field

.class1 .td-module-title a {
font-size: 33px;
font-weight: 700;
line-height: 35px;
}

Thanks

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