Skip to main content

Why Blogger Mobile Template Not Work?

Google Blogger shows blog pages with mobile CSS on mobile devices unless you change it disabled. You can see next figure by clicking mobile setting button on Template page.

Since I want to change CSS and I remember there are some CSS elements starting with '.mobile', I open the template editor and edit as I want. And open my blog in my smart phone.

Nothing changed.



Try again. Take it easy. Nothing again. Delete Cashed and reload it. Same. I see the codes carefully, but useless. I read some pages for editing mobile CSS for Blogger. Useless.

But I missed something because I thought I almost knew about it. Stupid.

For editing and applying mobile CSS on blogger, the mobile template should be chosen as 'custom' in mobile setting popup. I thought 'default' was just default and  I never thought to change the template. Stupid! Since all mobile templates - default, travel, dynamic view, and any other template excepting custom template are loaded from Google or Blogger server ignoring users template, my efforts went nothing.

After changing mobile template to custom, you can edit mobile template section that should be starts with next code snippet and it will make change of your blog view.
/* Mobile
----------------------------------------------- */
body.mobile  {
  background-size: $(mobile.background.size);
}
If you want to override CSS element for moblie web, usually, it can be done to make the CSS element starting with '.mobile' like this.
.post-body {...} // web version
.mobile .post-body {...} // mobile version

Comments

  1. This comment has been removed by a blog administrator.

    ReplyDelete
  2. This comment has been removed by a blog administrator.

    ReplyDelete
  3. So helpful and informative! thanks!

    ReplyDelete
  4. This is realy a Nice blog post read on of my blogs It is really helpful article please read it too my blog Facebook app not working. you can visits our websites or toll free no +1-866-558-4555. solve your problem fastly.

    ReplyDelete
  5. Nice article. It's very helpful to me. Thank you for share with us. Can you please check my article create a custom post template.

    ReplyDelete
  6. Where do you go to edit a custom template though?

    ReplyDelete
  7. Hello Everyone,

    I like this article, It is very useful to me. I’m working with 1daypainters. pro is the best Calgary Painting Company providing Stucco Painting Calgary, Exterior House Painting Calgary & Knock Down Ceiling Calgary. Hire us if you are looking for Stucco Painters, House Painters & Calgary Painters.
    Thanks For Giving Importent Information .
    Best Regard
    1 DAY PAINTERS
    Visit as more Information -
    Calgary house painting

    Same Day Painting Calgary
    Calgary Painting Companies
    Calgary Painting Companies
    Painting Company Calgary
    Painting Contractors Calgary
    House Painting Calgary
    House Painters
    Stucco Painters Calgary
    Stucco Painters Calgary
    Stucco Paint Calgary
    Exterior House Painting Calgary
    Knock Down Ceiling Calgary

    ReplyDelete
  8. This is a great inspiring article.I am pretty much pleased with your good work.You put really very helpful information. Keep it up. Keep blogging. Looking to reading your next post. adfree blackmart apk _ APK For All

    ReplyDelete
  9. Nice information, valuable and excellent design, as share good stuff with good ideas and concepts, lots of great information and inspiration, both of which I need, thanks to offer such a helpful information here. website builder ecommerce

    ReplyDelete
  10. It is perfect time to make some plans for the future and it is time to be happy. I've read this post and if I could I desire to suggest you some interesting things or suggestions. Perhaps you could write next articles referring to this article. I want to read more things about it! website builder by google

    ReplyDelete
  11. A debt of gratitude is in order for sharing the information, keep doing awesome... I truly delighted in investigating your site. great asset... mute the germs

    ReplyDelete
  12. Well we really like to visit this site, many useful information we can get here. iphonexr case

    ReplyDelete
  13. This was incredibly an exquisite implementation of your ideas digital marketing course video

    ReplyDelete
  14. I recently came across your article and have been reading along. I want to express my admiration of your writing skill and ability to make readers read from the beginning to the end. I would like to read newer posts and to share my thoughts with you. raw indian hair

    ReplyDelete
  15. I am a new user of this site so here i saw multiple articles and posts posted by this site,I curious more interest in some of them hope you will give more information on this topics in your next articles. Branson West Missouri

    ReplyDelete
  16. Just pure brilliance from you here. I have never expected something less than this from you and you have not disappointed me at all. I suppose you will keep the quality work going on. online weight loss

    ReplyDelete
  17. I am overwhelmed by your post with such a nice topic. Usually I visit your blogs and get updated through the information you include but today’s blog would be the most appreciable. Well done! rechargeable LED

    ReplyDelete
  18. Cool stuff you have and you keep overhaul every one of us Vanity mirror

    ReplyDelete
  19. I just found this blog and have high hopes for it to continue. Keep up the great work, its hard to find good ones. I have added to my favorites. Thank You. maga

    ReplyDelete
  20. Thank you for the post. I will definitely comeback. Beautiful

    ReplyDelete
  21. Thanks for posting this info. I just want to let you know that I just check out your site and I find it very interesting and informative. I can't wait to read lots of your posts. duc de vervins

    ReplyDelete
  22. I was surfing net and fortunately came across this site and found very interesting stuff here. Its really fun to read. I enjoyed a lot. Thanks for sharing this

    wonderful information
    buy hyip

    ReplyDelete
  23. Nice information, valuable and excellent design, as share good stuff with good ideas and concepts, lots of great information and inspiration, both of which I need, thanks to offer such a helpful information here. Doge

    ReplyDelete

Post a Comment

Popular posts from this blog

Google's Favorite Colors By Hex Codes (With New Google Logo)

Google keeps its color scheme cross their products. Of course, each uses different colors but it keeps the main philosophy. I heard that the test period for new Google logo was more than one year. It may the reason that the colors are comfortable to look. Sometimes, I copy the colors for designing my blogs and web sites. Copyright? oh..

Color Conversion: RGB to HEX , HEX to RGB

Color conversion between RGB and Hex is needed sometimes even though HTML and CSS accepts both RGB and HEX codes for set color scheme of HTML elements. The conversion algorithm is simple. Then numbers in RGB format is decimal number and one in HEX code is hexadecimal number. For example, rgb(50, 100, 250) is same in HEX #3264FA: 50-32 | 100-64 | 250-FA.