Pravin Singh

Thank you for working on the fix. However, the issue is only partially resolved. This part is still not fixed:
Within the white background banner (small brown rectangle in my original screenshot), only clicking on the Category name (green area in the screenshot) takes to the category page. Clicking anywhere else in the white background banner has no effect.

Just to be clear, I’m not asking for a feature. I am asking for a bug to be fixed. By clicking on a category, the user expects to be taken to that category. Instead, taking him to the top of the same page is wrong, it’s a bug. Can you please fix the bug?

Solved my own issue, with minimal change, using css. For anyone interested, below is the css that you can paste in Appearance –> Customize –> Additional CSS.

.gridlist-toggle {
		float: right;
}
.gridlist-toggle .dashicons:before, .gridlist-toggle .dashicons {
    font-size: 1.2em;
    height: 1.2em;
    width: 1.2em;
}
.gridlist-toggle a.active {
    color: #f0f0f0;
    background-color: rgba(32, 130, 199, 0.8);
}
.dashicons-grid-view:before {
    content: "\f180";
}
.dashicons-exerpt-view:before {
    content: "\f214";
}

The first entry makes it align right, second one makes the icons a bit bigger, third one sets the color of the grid/list icons (color) and of the active button (background-color, which has red, green, blue, and transparency values). The last two entries change the icons to better looking ones. Here is how it looks.