-
Posts
64,820 -
Joined
-
Last visited
-
Days Won
517
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
If you don't want to use any custom code to achieve this, you can use Image, Text Block to add team member, then use Accordion under to achieve collapsible feature.
- 1 reply
-
- description
- dropdown
-
(and 1 more)
Tagged with:
-
Avenue Gallery Image Titles and Descriptions are not appearing
tuanphan replied to EdvigK's topic in Pages & Content
Hi, If you share link to this page, we can check problem easier- 3 replies
-
- avenue-template
- gallery
-
(and 2 more)
Tagged with:
-
Burger Navigation Menu: logo not centered &
tuanphan replied to nowicluk's topic in Site Design & Styles
You can use this code to Website > Website Tools > Custom CSS div.header-menu-bg.theme-bg--primary { background-color: #f1f !important; } -
Newsletter sign-up form appearing on every page in error
tuanphan replied to Leanne_M's topic in Site Structure & Navigation
Hi, In homepage, you have 2 Newsletters Top is Newsletter inside Homepage Content (this Newsletter will appear on One Page only) Bottom is Newsletter inside Footer (this Newsletter will appears on All Page) -
Background/Banner Image doubling on homepage in mobile site
tuanphan replied to NeighborhoodHouse's topic in Pages & Content
I see you used this CSS code to set new image on mobile but you need to add extra code to hide current image, you can use this code under @media screen and (max-width:1024px) { #block-yui_3_17_2_1_1615233998267_28270 img { opacity: 0; } } you will have -
Empty box appearing on mobile version of homepage
tuanphan replied to Greevsie007's topic in Pages & Content
Try this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { .wrapper { position: fixed; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; display: flex; justify-content: center; align-items: center; flex-direction: column; } .wrapper>* { margin-bottom: 50px; margin-top: 50px; } }- 10 replies
-
How to add product categories in header with navigation?
tuanphan replied to Kall's topic in Site Structure & Navigation
In Main Navigation > Click Plus icon > Choose Link Next, access your Shop Page > Right click on Category: Shirts > Copy Link Address Next, add your name & url -
Hi, Click Our Staff will open a new page or open a popup or open an embed form or? If open new page You can add a text and hyperlink it, then I can give you to turn text to button style, so overlap problem won't appear. If you like this idea, I can give you a quick guide, so you can do it and test
-
Ah, I misread your question. But you can use the approach you mentioned above I thought of adding an empty product, it is still clickable and a 0.00$ price is displayed. then I can give you code to remove price + remove clickable behavior for these empty products
- 3 replies
-
- spacer
- product-page
-
(and 1 more)
Tagged with:
-
Hi, Can you share link to page where you added table, we can check easier
-
Hi, You can share link to page where you use gallery, we can give code to make it to grid on mobile.
- 1 reply
-
- gallery-page
- mobile
-
(and 1 more)
Tagged with:
-
Try this code to Custom CSS box .fe-block-15c8120fcf21be14e6aa * { background-color: transparent !important; }
-
You can add & keep code, I can check problem easier. Currently I don't see any text in lightbox and outside lightbox
-
How to change the hamburger icon in mobile view (7.1)
tuanphan replied to rhondahymason's topic in Site Design & Styles
#1. First, you choose the Mobile icon and click EDIT #2. Next, you click EDIT SITE HEADER #3. Next, you click on the burger icon #4. Next, you click on the pen edit icon #5. Next, you choose the 3 lines/or 2 lines icon and click Save on the left of the screen -
You can use this code to Website > Website Tools > Custom CSS @media screen and (min-width:768px) { .pdp-layout-full-width-carousel .pdp-gallery-slides[data-landscape] { width: 33.333% !important; } } If you want code effect above product only > You can edit that product > Additional Info > Add a Block > Choose Code > Paste this code <style> @media screen and (min-width:768px) { .pdp-layout-full-width-carousel .pdp-gallery-slides[data-landscape] { width: 33.333% !important; } } </style>
- 4 replies
-
- product-page
- gallery
-
(and 1 more)
Tagged with:
-
If you don't want to use Portfolio Page, you can follow this guide, you can achieve similar effect.
-
Use this code [class*="list-section"] * { font-family: monospace !important; } Replace monospace with your font If it doesn't work, you can share link to page where you use list section, we can check easier
-
You can provide site url + line image + line url
-
Buttons (?) overlap on mobile and I can't seem to change it
tuanphan replied to vwebster's topic in Customize with code
You can use this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { h2.item-pagination-title { font-size: 15px !important; }} -
Which screen size do you see problems with? I tried some sizes and all are fine
- 1 reply
-
- gallery-block
- gallery
-
(and 3 more)
Tagged with:
-
Equal vertical alignment of text/buttons within columns
tuanphan replied to jinlikegold's topic in Customize with code
You can use this code to Website > Website Tools > Custom CSS @media screen and (min-width:768px) { .gallery-section .gallery-caption h3+p { min-height: 55px; } } I see button lost top border, do you need to fix this? -
You can use this code to Website > Website Tools > Custom CSS then save & reload the page @media screen and (max-width:767px) { [data-section-id="65e9490abe62d95cb37c9634"] .gallery-grid-wrapper { grid-template-columns: repeat(2,1fr) !important; } }
- 9 replies
-
- gallery-block
- gallery
-
(and 1 more)
Tagged with: