Archived topic
Sidebar fix and Homepage Readability on Mobile
5 replies · Started by kazama on May 14, 2021
Hi there,
I can't seem to find necessary CSS for underlining posts in Sidebar.
Also, in mobile view, all the elements (including button, text, links) appear way too close to each other on the homepage.
It seems I am just a few days away from seeing "Clickable elements are too close" and similar errors popup in GSC. Is there a way to increase border width in mobile view for the homepage only?
Thank you.
Hi there,
you can use some CSS to add borders to the sidebar post list:
@media(max-width: 768px) {
.home.full-width-content.separate-containers .inside-article {
padding: 0 20px;
}
}Hi David,
Thanks, the above CSS fix does work but it resolves the homepage issue only.
Please share CSS for the sidebar post list as well.
Oop - heres the CSS for the sidebar borders:
#right-sidebar .widget .wp-show-posts article {
border-bottom: 1px solid #000;
}Works like a charm. Thank you.
Glad to be of help
