Blogger Mobile Friendly Template Design


#1

I have used blogger @media screen “max-width : 480px” Mobile Friendly Template. There has some problem.

  1. Left side has some space. I want to make it full width.
  2. Blogger Home Page Post title and description both has underline. I want to remove that.

My Blog Url - http://www.prozokti.com

Please help me -


#2

@Mohammad Please help me. I think you can surely solve it perfectly. I would be very grateful if you help me.


#3

This will solve your problem :wink: add this css into your template

@media screen and (max-width : 480px) {
  #outer-wrapper {
    margin-left: 0px !important;
}
}

#4

@Nafees Thanks Brother. Solve this problem but there has another problem. Template Home Page “Post title and Post Content” both has underline. I want to remove underline. See above picture.

Please help me -


#5

I can’t see any underlines as the text-decoration is set to none. Try this http://www.responsinator.com/?url=http%3A%2F%2Fwww.prozokti.com%2F see none underline is there.


#6

@Nafees I think you check it desktop mod. See this link and you will find like above picture.

http://mobiletest.me/iphone_5_emulator/?u=http://www.prozokti.com/?m=1

Or

http://www.responsinator.com/?url=www.prozokti.com%2F%3Fm%3D1


#7

add this css

 .mobile-post-outer a {
    text-decoration: none;
}

or

.mobile-post-outer a:link { text-decoration: none; }


#8

@Mohammad @Nafees Thanks again Brother. It’s work great. Please help me another part of my blog.

How to adjust mobile template thumbnail image size? Image size zoom in, so that it’s looking ugly. See above picture.

Please help me