Ecommerce Shopify WordPress Discussion

Remove centre scroll on half-map template [closed]

Closed. This question needs debugging details. It is not currently accepting answers. Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question. Closed 14 hours ago. Improve this question We are using a template where the half map Google map is on the left side. We needed to change it to the right side and modified code like this: .half-map-left-wrap { float: right !Important; } Now the scrollbar appears in the middle of the page which is not ideal and not obvious to a user that the scrollbar is in the middle of the page. We have tried css {overflow-x: hidden;} on element but then it cannot scroll. Is it possible to reposition with jquery or other css trick? Ideally we would like the left side page (with listings) to scroll via browser right side. The page can be viewed: here
I guess all you want it’s just hide the scroll bar, simply try to add this css. /* Hide scrollbar for Chrome, Safari and Opera */ .half-map-left-wrap::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ .half-map-left-wrap { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } EDIT: Sorry I just checked your web page, should apply to the class .half-map-right-wrap, that because your code will make the left part to the right and the right part with .half-map-right-wrap now fill the left part. So should be like this: /* Hide scrollbar for Chrome, Safari and Opera */ .half-map-right-wrap::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ .half-map-right-wrap { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }

February 4, 2024

TurboCommerce make the better internet purchasing globaly

Turbo Multi-language Translator

Make the better internet purchasing globaly

Turbosify SEO Speed Booster

5.0 (7) Free plan available
Get better conversions by improving store loading speed Installed

Turbo Multi-language Chat - AI Customer service in one hand

TurboCommerce make the better internet purchasing globaly
Our products

The help you need, when you need it

App by Turbo Engine

3 apps • 5.0 average rating

Turbosify Speed Booster

5.0 (7)
Get better conversions by optimizing shopify store Google page speed Installed

Turbosify Translator for Wordpress Woocommerce

5.0 (74) Free Wordpress Woocommerce Plugin
Translate your wordpress website to multiple language within 1 click, no configuration needed, no No technical required

Grow your business here

Whether you want to sell products down the street or around the world, we have all the tools you need.