veggielicious_wolfgang Posted November 17 Posted November 17 Site URL: https://www.wolfgangschardt.com/work/#work Hello, Can anyone help me? I have created a portfolio grid that has 4 columns in the desktop view. In the mobile view, however, only one column is displayed - this is too confusing for me. i would like to change this so that 2 columns are shown in the mobile view. Many thanks for your ideas!
Solution Lesum Posted November 18 Solution Posted November 18 Hi @veggielicious_wolfgang, To display portfolio items in two columns on mobile, add the following code under Website > Pages > Website Tools > Custom CSS. @media screen and (max-width: 767px) { #gridThumbs { grid-template-columns: repeat(2, minmax(0,1fr)) !important; } } If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee?
veggielicious_wolfgang Posted November 18 Author Posted November 18 16 hours ago, Lesum said: Hi @veggielicious_wolfgang, To display portfolio items in two columns on mobile, add the following code under Website > Pages > Website Tools > Custom CSS. @media screen and (max-width: 767px) { #gridThumbs { grid-template-columns: repeat(2, minmax(0,1fr)) !important; } } cool! thank you, it works wunderful!
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment