-
Posted in : TheBlogger
-
Hello!
I would like to adjust the margins in mobile but have not been able to find the right code to do it. I would like my blog post content to be flush with the page, currently the margins and padding add a lot of unnecessary white space.
Thank you in advanced,
Austin
Austinmooreonline.com
Hi Austin,
If you tell me which part of the space you’re talking about, I will try to help you. Since each piece is connected to another part, you need to make a specific explanation.
ThanksI’m not that knowledgeable concerning the “parts of spaces” in between the text and the edge of the screen. I have just noticed that other blogs and articles have their content closer to the edge of the screen when on mobile. Maybe this is a reduced padding or margin?
I adjusted it closer by making it “Full-width”, but this spreads out the content box too far when the sidebar is not displaying along side the post content, when on a tablet or smaller web page. I’d just like to make the content box closer to the edge of the screen.
Sorry I am not being very explanatory, I am not sure how else to put it.
Thank you.
Hi, Let’s find a solution if you like. Take a screenshot and mark it unnecessary with the red arrows and load it here. When I look at your website on mobike, I do not notice an unnecessary gap. I do not want to give the wrong code.
ThanksHow do I post a screen shot here? I do not see an option and cannot paste it in this reply box.
For an example that will help though, compare this: http://brandongaille.com/12-best-ways-to-get-ideas-for-blog-posts/
To this: https://www.austinmooreonline.com/practicing-gratitude/
In my article, the words are farther away from the mobile screen (I have an Iphone 6), and in Brandongaille.com’s article, the words are closer to the edges.
Thanks
Hi,
Please go to dashboard > appearance > customize > gerenal > layout > increase post content width and save it.
ThanksHi,
I have tried that, it does nothing but make the columns to wide on the computer. The space does not decrease at all on mobile, there is a limit that is keeping it from reaching the edge.Thanks
Hi,
Could you try to use this custom css code, please?@media screen and (max-width: 767px) { .layout-medium { width: 96%; } }Thanks
Thank you for sending that, I applied it and saw no change though. Starting to think its not possible haha.
Again Thank you,
Austin
Hi Austin,
The code should work for you :=) I tested the code before I gave you. But if you live with it then it is okay.
ThanksI double checked it and you we’re absolutely right! When I first applied it I did not give it enough time to refresh.
You are my hero for the day!
Austin
You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.
You must be logged in and have valid license to reply to this topic.