Blog Post Formatting in Mobile

My website is http://www.vondohlenlaw.com

When viewing the blog page or individual blog posts on a mobile phone screen, the blog post date takes up too much of the left hand margin and squeezes the main post content into a small column.

I need that date to be moved to the top of the page (see attached images) so that it doesn't push my blog content over.

Please advise.

 

Hi,

Greetings from InkThemes,

It would be our pleasure to serve you.

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 480px){
.post {
        padding-left: 0px !important;
    }
.post .post_date {
      margin-top: -55px !important;
 display: inline-flex !important;
}
.post .date li:first-child {
           padding-top: 0px !important;
    }
}

Hope it will resolve your issue

Thanks & Regards!
Nitin
InkThemes.com

 

Hello, you have resolved this issue. Once I installed the code, saved it, and cleared my chache everything began formatting properly. Thank you very much. You have helped me tremendously and saved the day again.