Changing post title position from center to the left in mobile devices only

Support
#1

I would like to change the position of the titles of posts in categories to the left, they are centered by default. I would like to apply this only to mobile devices and not to tablets or desktops.

I will send a link to one category as an example in a secure post, please do not share the url or mention the site in public.

Thanks.

#2

Hi There,

Please add this CSS under Customizer > Custom > Global CSS:

@media (max-width: 480px){
    .entry-title {
        text-align: left;
        padding: 0;
        margin: 0;
        line-height: 1.2;
        width: 100%;
    }
    .p-meta {
        text-align: left;
    }
    .p-meta>span {
        margin: 0;
    }
}
#3

Thank you, that did the trick.

#4

Hi @Bark201,

Happy to hear that.

Feel free to ask us again.

Thanks. :slight_smile:

#5

Well its actually causing a small issue. Its also pushing the tile to the left inside the post on mobile devices. I just need the title to be left aligned in categories and not inside posts.

Can you help me with this? I would have tweaked the CSS myself if I knew how.

#6

Hi again,

Please use this CSS instead:

@media (max-width: 480px){
    .archive .entry-title {
        text-align: left;
        padding: 0;
        margin: 0;
        line-height: 1.2;
        width: 100%;
    }
    .archive .p-meta {
        text-align: left;
    }
    .archive .p-meta>span {
        margin: 0;
    }
}

Cheers!

#7

Thank you, that worked and im very happy.

#8

Glad we could help.

Cheers!