Customization of my blogger template


Hi ! Today I am again here with a new question. My Blog’s template is responsive but in tablet view I have some problem. Look at the image below:

I want to increase the width of my blogger template body in tablet view ( It’s width is fine in mobile view) and finish the space marked red.
I also want to stick the header of my blog’s desktop version.
My Blog URL:


Well @usamafayyaz

Search for this code

@media only screen and (min-width: 768px) and (max-width: 1060px)

And add the below code below the above code.

.content-wrapper { width: 100%; }
    .main-wrapper { width: 100%; }

Hope it works.


Did It worked. @usamafayyaz Please let me know.


When I added the code it didn’t worked but after adding ‘!important’ it started working. Thanks for the help. :smiley: Sorry for late reply. :sweat_smile:


Great that it works for you.

Keep asking questions.

~ Hassan Tahir