Remove Display post meta

[mckown]

I really like leaving the Display post meta left on for desktop users but it just takes up too much space on mobile .. any way to remove it from mobile only?

[sharmstr]

You can remove them using media queries in kelo-child/style.css

COPY CODE

@media screen and (max-width: 480px) {
.article-meta {
display: none;
}

.article-media {
margin-left: 0;
}

.article-content {
margin-left: 0;
}

}

I would like to keep the meta on my site, but also dont like the meta info taking up the entire left hand side on phones. So, what I plan on doing is something like this.

COPY CODE

@media screen and (max-width: 480px) {

.article-media {
clear: left;
margin-left: 0;
}

.article-content {
margin-left: 0;
}

}

That will move the article-media below the meta and utilize the entire width of the screen for media and content.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[mckown]

that removed the meta info but the content still does not go full width.

[sharmstr]

Try this instead

COPY CODE

article .article-meta {
display: none;
}

.article-media {
margin-left: 0px !important;
}

.article-content {
margin-left: 0px !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[mckown]

that works perfect. thanks! 🙂

[Author]

Posts