right side working fine in firefox but not in chrome …

Use a CSS plugin like Jetpack or Custom CSS Manager and add this CSS rule:

.content-area {
   width: auto;
}

https://apkapps.co/category/personalization/ widget starting from where my last post end. its fine in single post.

hey yogi? any suggestion ? CrouchingBruin that css did not solve this prob.

and yogi w3 validator showing Errors (30) Warnings (79). trying to solve them

How did you try to add that CSS?

in style.css

why there is problem only in categories, its working fine in single post.. and why problem only in chrome…

If you put it in the rule which has the first instance of .content-area, then that rule is being overridden by another rule in a media query further down. That’s why I suggested using a CSS plugin. Another reason for using a plugin is that you should avoid modifying the theme files directly. If the theme gets updated because of feature enhancements, bug fixes, or security patches, or if the theme has to be updated because of a change to the WordPress core, then your changes will be lost. The suggested method for making changes is to either create a child theme and add your CSS to your child theme’s style.css file, or use a CSS plugin like I suggested above.

thanks crouching bruin . thanks for this.

hey buddy. just want to ask one more thing.

how to remove this line.
https://postimg.org/image/hvkrf11nl/

i want to move this line above my page navigation. unable to find this line div tag

It’s really strange how the height of the page navigation is being set. Maybe it has something to do with the grid plugin that you are using.

To remove the line, you can use this CSS:

.paging-navigation {
   border-top: 0;
}

Not sure how to move the line over the top of the pagination. It seems like either the grid or the page navigation is not in the regular document flow, as if the page navigation is floating on top of the grid, but it’s difficult to determine how.