Ecommerce software home
Shopping Cart Software Forum for Ecommerce Templates
 
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

Find us on Facebook Follow us on Twitter View our YouTube channel
Search our site
Forum Search
Google Site Search
 All Forums
 Technical
 PHP (Unix / Linux / Apache) versions
 css layout of payment methods
Author « Topic »  

jimhuang
Advanced Member

Taiwan
264 Posts

Posted - 12/01/2025 :  21:24:52  
Hi:

It looks good in desktop, but In mobile version the Payment Methods are crammed together with the first option PayPal.

How to solve the layout in css?
Please look at https://3dlens.com

Jim

Vince
Administrator

43191 Posts

Posted - 12/02/2025 :  06:44:43  
Hi Jim
In your file css/style.css around line 4 you have something like...

body {
font-size: 20px;
color: #333;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","PingFang TC","Microsoft JhengHei","Hiragino Sans",sans-serif;
}

It's that font size of 20px which is causing the problems really as it's a very large font size for mobile. How about in one of the mobile breakpoints add something like...

body {
font-size: 13px;
}

...then hopefully everything should fall into place.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater
  « Topic »  
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2022 ecommercetemplates.com
This page was generated in 0.01 seconds. Snitz Forums 2000