Google Ads

How to define different Blogger CSS properties for desktop and mobile view

By

You can control how your Blogger site's CSS properties apply between desktop and mobile view. This can be achieved by conditionally giving different CSS properties to a same class between desktop and mobile view.

Before doing this, make sure that the <body> tag of your custom template is the same as this:

 <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

 Then, you can define different CSS properties for desktop and mobile view:

 
/* For desktop view */
.date-posts {
  margin: 0 -$(separator.outdent);
  padding: 0 $(separator.outdent);
}

/* For mobile view */
.mobile .date-posts {
  margin: 0;
  padding: 0;
}


References or Credits:
http://code.blogger.com/2011/11/introducing-custom-mobile-templates.html

Comments

  1. UnknownApril 21, 2013 at 4:35 PM

    Thanks!

    ReplyDelete
  2. Kratos OlympianAugust 29, 2013 at 2:57 PM

    To condition my mobile view with css, do I have to select custom templates or choose any of blogger predefined mobile templates?
    For my desktop view, I use a custom template
    Here http://Naijasniffer.blogspot.com

    Pls look into it and get back to me ASAP. Thanks in advance

    ReplyDelete
  3. AnonymousOctober 11, 2018 at 12:15 PM

    nice post

    ReplyDelete

Post a Comment

Thank you for visiting Almost a Technocrat. Due to many spam comments, your comment will be moderated.

Popular posts from this blog

A Better SKMEI 1358 Instructions Manual

By
Image
This SKMEI 1358 digital watch is a great watch for a really cheap price. However, the instructions manual is far from good. It took me some time to explore some of the functions and at the same time trying to understand the instructions manual provided by SKMEI. I decided to write an alternative instructions manual for this watch so that other owners of this watch might benefit from it. But never the less, I am not a good English language writer myself. But I do think it is still better than the instructions manual provided. Feel free to correct me using the comment section.
Keep reading

A Better SKMEI 1418 / 1427 Instructions Manual

By
Image
This SKMEI 1418 / 1427 digital watch is a great outdoor watch for a really cheap price. However, the instructions manual is far from good. It took me some time to explore some of the functions and at the same time trying to understand the instructions manual provided by SKMEI. I decided to write an alternative instructions manual for this watch so that other owners of this watch might benefit from it. But never the less, I am not a good English language writer myself. But I do think it is still better than the instructions manual provided. Feel free to correct me using the comment section.
Keep reading

How to force stop or cancel Android download manager downloading process

By
Image
When downloading a large file with CartoonHD, it would take a very long time to complete. I have found that there is no way I could stop or cancel the downloading process if I decided to. Even if I reboot my Note 4, the downloading will restart again after the device rebooted. The only way the downloading can be stop is by uninstalling CartoonHD. I found a way to force stop or cancel the downloading process and here is what I did.
Keep reading

SKMEI 1358 Review

By
Image
I bought this watch four months ago and I have been wearing it every week during my weekend hiking. Overall this watch is impressive considering the number of features per the price that I have paid for it. All the features worked flawlessly considering that this is a relatively cheap watch comparing it to Casio ProTrek range of watch. SKMEI 1358 is basically an equivalent of Casio's triple sensors watches. You might know them as Pro Trek or Pathfinder in North America. It has a barometer, a thermometer, and a digital compass. It also has an extra sensor that the Pro Trek watches might not have as far as I know of. It has a pedometer. Yes, it counts steps and estimates the calories burnt and distance traveled. With the combination of these sensors, this is an ideal outdoor watch you can have for a fraction of a Casio Pro Trek price. SKMEI 1358
Keep reading