This topic has 5 replies, 2 voices, and was last updated 9 years by 
-
-
We have created a desktop app for lack of a better term. The display area is about 350px wide and 625px high.
The site looks really good in it except the header area in the shopping cart is a bit too wide. I’ve tried to scale it down a couple of different ways using quick css but no luck. It looks good on my actual phone though. Any ideas?Hello,could you share a screenshot and a link?
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
Here’s a screenshot, it’s a desktop app that you have to have the game to run at the moment so I can’t really give you a link. We do have it running in our phone apps though, you could install one of those and see. It’s not working there either. Go to http://www.worldcraftvr.com and at the very bottom of the page you’ll see links to the phone apps. The odd thing is, if you bring up the site in a browser on your phone it scales nicely that way. http://www.alterverse.com
I’ve tried various CSS tweaks in quick css but no luck. You may have to create a test account and put something in your cart to see it.Thanks!
These are the Quick CSS tweaks I’ve tried. None seem to have any affect inside the app. They definitely affect the website.
COPY CODE.col-sm-8{ position: relative; min-height: 1px; padding-right: 20px; padding-left: 10px; width:300px!important; } .woocommerce table.shop_table { margin: 1.1em -1px 24px 0; text-align: left; width: 300px !important; padding: 0px 5px 0px 5px; } table.shop_table.cart { width: 300px; margin: 0px 10px 0px 10px; padding: 0px 10px 0px 10px; } .woocommerce .cart-collaterals { width: 300px !important; }wow, I found a bit of css that fixed it! I added this to the quick css:
COPY CODE@media all and (max-width: 480px) { .woocommerce table.shop_table *, .woocommerce-page table.shop_table * { font-size: 10px; } }Hello, glad you found the solution! Is there anything else i can help you with? 🙂
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
The forum ‘General questions’ is closed to new topics and replies.
