-
Posts
65,335 -
Joined
-
Last visited
-
Days Won
521
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Designing a full website behind a single landing page
tuanphan replied to mdotwyou's topic in Pages & Content
We can use some line of code to hide nav on landing page, just share link to page, we can give code to do this -
Can you edit the mobile view without changing the website view?
tuanphan replied to AndyBridge's topic in Pages & Content
You can add 2 galleries, then share page url, we can give code to show 1 on desktop, show another on mobile -
Updated some more code
-
Center Align Button on Mobile (Fluid Engine)
tuanphan replied to raego's topic in Customize with code
Add this to Custom CSS /* Fluid Engine Stacked */ @media screen and (max-width:991px) and (min-width:768px) { .fe-64dc9632bd53181591fc2624>div { grid-area: unset !important; display: block !important; width: 100% !important; margin-bottom: 20px; } .fe-64dc9632bd53181591fc2624 { display: block !important; padding-left: 6vw; padding-right: 6vw; } .fe-64dc9632bd53181591fc2624 .sqs-block-image .design-layout-fluid * { position: relative !important; } } -
Turn off hover on product image when on store page
tuanphan replied to marlenesayers's topic in Setting up your store
If you share link to store page, we can help easier -
Hi, What is site url? We can check easier
-
how can I resize my logo without making the header bigger?
tuanphan replied to Immortal_Explorer's topic in Images & Videos
Can you send logo file? Or site url? We can check easier -
You can ask a Circle Member add this for you. If you need you can message me & invite me as a contributor & let me know which page you want to add gallery block, I can add it for you. Or you can consider using Gallery Section, List Section, they have similar feature
-
Add edit mode class name before your code @media screen and (max-width: 767px) { body:not(.sqs-edit-mode) section[data-section-id="64d00f75a743de4c922d1bc3"] { display:none !important; } } @media screen and (min-width: 768px) { body:not(.sqs-edit-mode) section[data-section-id="64e3967c623c9120255befd7"] { display:none !important; } } This code will show hide section on Outside edit mode only
-
That code for Classic Editor Section only, it won't work on Fluid Engine. You mean reduce these space?
-
Help Centering Gallery Lightbox Arrows With CSS
tuanphan replied to ec25's topic in Site Design & Styles
Try adding this to Website > Website Tools > Custom CSS /* align lightbox arrows */ button.gallery-lightbox-control-btn[aria-label="Previous Slide"] { position: absolute !important; left: 5px !important; padding: 0 !important; } button.gallery-lightbox-control-btn[aria-label="Next Slide"] { position: absolute !important; right: 5px !important; padding: 0 !important; }- 4 replies
-
- css
- gallery-page
-
(and 2 more)
Tagged with:
-
Add this to CSS box to override on /home page body#collection-5f5e320bd871bb4ffc401420 img { object-fit: cover !important; }
-
Changing Blend Mode for Header Nav
tuanphan replied to KyleKeigan's topic in Site Structure & Navigation
You can try this code to Website > Website Tools > Custom CSS header#header { mix-blend-mode: difference; }- 3 replies
-
- navigation
- code
-
(and 1 more)
Tagged with:
-
What is your site url? We can check easier
-
Gallery showing two images when there's only one
tuanphan replied to kruss's topic in Images & Videos
Can you share link to page where you use gallery? We can check easier -
-
Try adding this to Website > Website Tools > Code Injection > Header <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=0"/> <style> @media screen and (max-width:640px) { .sqs-modal-lightbox-content .lightbox-inner .lightbox-content { padding-bottom: 250px !important; } } </style>
-
Or you can design new page, we can give code to redirect users to this page when they access your site from tablet
-
Wells Main & Secondary Navigation with Custom Font
tuanphan replied to tommyosama's topic in Site Design & Styles
You mean change site title font only? Use this code h1.logo.site-title a { font-family: monospace !important; }- 10 replies
-
- navigation
- navigation-link
-
(and 1 more)
Tagged with: