mobile visualization error

Hi
Thanks for contacting to us.
For this add the below css code inside the Appearance >> Customzier >> Additional css box.

@media (min-width: 768px) and (max-width: 992px)
{
.home-news .col-sm-6:nth-child(2n+1) {
    clear: none;
}
}
@media (min-width: 768px)
{
.home-news .col-sm-6 {
    width: 33%;
}
}

Let me know for any confusion.
Thanks
Akhilesh

Hi Akhilesh.

I copied the code in additional css but still with the problem.

Thanks.

Hi @alkalines
It’s working well at our end.
Kindly clear your browser cache and check.
If still, you have an issue, send me a screenshot of the screen where are you getting the issue.

Thanks

Hi @akhileshnagar;

How can I send you a screenshot?

The problem is when I look at the web page on a mobile.

Thanks a lot.

HI
See the snapshot of mobile view your website.
Its working like Home page blog section showing like this.
https://prnt.sc/105fwxc

Tell me the screen resolution where are you getting issue.

Thanks

Hi

I show you the screenshot of my mobile. As you can see it appears in content on the left and on the right in white, it is as if the web page had two columns …

https://prnt.sc/105wqti

I looked from several mobiles and in all of them it looks like this.

Thanks a lot.

HI
To got it your issue.
To fix the issue add the below css code inside the additional css box.

@media only screen and (max-width: 1000px) and (min-width: 200px) 
{ 
.navbar 
{
    overflow: hidden;
}
}

Let me know for any confusion.
Thanks

I wasted many hours trying to fix that problem.

You are invited to my house for a meal whenever you want.

I only need a small problem in mobile vision, on the right there is a small blank area on the right.

https://prnt.sc/1070qu0

You are the best.

Thanks a lot.

HI
To fix small issue in mobile version.
Add the below css code inside the additional css box.

@media only screen and (max-width: 1000px) and (min-width: 200px) 
{ 
.row {
    margin-right: 0;
    margin-left: 0;
} 
}

Let me know for any confusion.
Thanks

HI
Did your query resolve ?
Thanks

Hi!

Yes, thanks!

Hi!

Sorry but it doesn’t work properly. If I put this new CSS:

@media only screen and (max-width: 1000px) and (min-width: 200px)
{
.row {
margin-right: 0;
margin-left: 0;
}

It makes me two columns again.

Thank you

Hi @alkalines
I have checked your website.
I just find a new thing is that you are using pro product.
According to WordPress support policy premium product support not allow here.Pls post your query on premium product support channel.
Thanks