Responsive Design Issue on Mobile with Magento 2.1.9

[rishabhchd19]

Preconditions

Magento 2.1.7, 2.1.8, 2.1.9, php 5.6

Steps to reproduce

Open frontend on mobile device (Android)

Expected result

Expected that the Shop By is positioned correctly and nothing positioned incorrectly as shown in the screenshots.

Actual result

The Shop By and other contents positioned incorrectly and it happens only at the landing page i.e. the Main Page. It shows correctly and Shop By tab comes to correct position when any category or subcategory is selected as shown in the last image.
Everything showing OK on iPad, Laptop and Desktop website...having an issue on mobile layout.

[magento-engcom-team]

@rishabhchd19, thank you for your report.
We were not able to reproduce this issue by following the steps you provided. Please provide more details in steps to reproduce, or try to reproduce this issue on a clean installation, another Android device or another browser.

[jordanbrauer]

I have this as well @magento-engcom-team. Did you test it on an Android Device like he specified?

Version 2.1.5

[rishabhchd19]

You can please visit the website at catalogue.yogdiagnostics.com and can check yourself. I am getting the problem on each n every mobile device except iPad, iPhone(i didn't check), Laptop and Desktop.

[magento-engcom-team]

@rishabhchd19, thank you for your answer.
We have reproduced this issue on the site you provided on a desktop browser by narrowing the browser window. But we cannot reproduce this issue on clean Magento installation even with a logo from your site.
It seems like you Magento theme is improperly configurated. Please provide more details in steps to reproduce, or try to reproduce this issue on a clean installation.

[rishabhchd19]

It happens on Landing Page only, not on selecting any Category or Category Product. On Landing page under Content> Pages>>Landing Page I have edited shown in picture 1

and edited Custom XML under Design as Layout: 2 columns with left bar and Layout Update XML as shown in picture 2.

If keep Landing page clear and no Layout update, the NEW PRODUCTS "Items 1 to 4 of 16 total" shows at the top left corner and if we keep Layout update as shown in picture 2, Shop By and Items 1 to 4 of 16 total moved to corner. It happens only on the first page, not by selecting any category. I have already installed fresh magento copy 2.1.9 and now updated to 2.2.0.

[magento-engcom-team]

@rishabhchd19, thank you for your response.
Can you please provide code from Content and Layout Update XML in text format?
If you provide some information about your custom widgets, it may be helpful too.

[rishabhchd19]

Content>Widget

{{widget type="Magento\Catalog\Block\Product\Widget\NewWidget" display_type="all_products" show_pager="1" products_per_page="4" products_count="16" template="product/widget/new/content/new_grid.phtml" page_var_name="pipexq"}}

{{widget type="Magento\Catalog\Block\Widget\RecentlyViewed" uiComponent="widget_recently_viewed" page_size="4" show_attributes="name,image,price" show_buttons="add_to_cart,add_to_compare,add_to_wishlist" template="product/widget/viewed/grid.phtml"}}