-
Posts
65,019 -
Joined
-
Last visited
-
Days Won
518
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Padding on Blog posts (mobile view only)
tuanphan replied to Georgiaperson's topic in Customize with code
Can you share link to a blog page? -
Swap Text and Image Block Order in Mobile View
tuanphan replied to Gattinomio's topic in Customize with code
data-section-id, if you use 7.1 If you use 7.0 & Index template, you can target Index Section ID. If the template doesn't support Index page & is not 7.1, no way to target with tool You can share link to page where you have problem, we can check & give id for you -
You want Scroll down, when users can't see book a trip on header, the float book a trip will appear?
-
Code to add ribbons on product blocks?
tuanphan replied to mattshafiq's topic in Customize with code
Just add some attributes to the code div.grid-item:before { content: " BUY NOW "; position: absolute; background-color: #ef06c3; top: 0; right: -15px; padding: 10px 40px; z-index: 99999; transform: rotate(48deg); font-size: 12px; font-family: 'Audiowide'; } -
How to target multiple blocks with custom css
tuanphan replied to rasmusarentsen's topic in Customize with code
Which page are you referring to? I don't see them on homepage -
Hi, What is site url?
-
You mean add a scroll bar to services folder when it has too many items?
- 1 reply
-
- navigation
- css
-
(and 3 more)
Tagged with:
-
Replacing Video Banner with Image on Mobile
tuanphan replied to EGPowell21's topic in Customize with code
Can you share link to page where you have problem? We can check easier -
I remember Adsense code need to add to Settings > Advanced > Code Injection.
-
How do I fix my background color issue?
tuanphan replied to davidvaughan's topic in Customize with code
Hi, What is your site url? We can check easier -
Image will be clickable or non-clickable? and what is site url?
-
The code still correct. Which image url did you add the code?
-
Alternative to an 'image hover' on mobile..
tuanphan replied to rossbaynham's topic in Customize with code
Which code you used to add hover? We can add query to exclude it on mobile -
You can add all items to Folder, then we can give code to make folder to 2 columns & bold the titles
-
Hamburger Menu Nav across all devices (version 7.1)
tuanphan replied to rsmith3074's topic in Customize with code
Remove this code .header-nav { visibility: hidden !important }- 139 replies
-
- navigation
- hamburger-icon
-
(and 2 more)
Tagged with:
-
Hamburger Menu Nav across all devices (version 7.1)
tuanphan replied to rsmith3074's topic in Customize with code
Add to Design > Custom CSS /* 768 for tablet - desktop - 992 for desktop */ @media screen and (min-width:768px) { /* hide navigation */ .header-nav { display: none; } /* Hide header button */ .header-actions { display: none; } /* show burger */ .header-burger { display: flex; } /* Show overlay mobile menu */ .header--menu-open .header-menu { opacity: 1; visibility: visible; } }- 139 replies
-
- navigation
- hamburger-icon
-
(and 2 more)
Tagged with:
-
Add to Top of Design > Custom CSS a.Header-branding:after { content: "enter your tagline"; display: block; font-size: 20px; }
-
Add to Design > Custom CSS @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1665509487905_5174 .summary-item { width: calc(~"50% - 10px") !important; float: left !important; padding: 0 !important; margin: 0 !important; position: relative !important; height: auto !important; top: unset !important; left: unset !important; margin-bottom: 20px !important; } div#block-yui_3_17_2_1_1665509487905_5174 .summary-item:nth-child(2n+1) { margin-right: 20px !important; } }
- 8 replies
-
- css
- custom-css
-
(and 2 more)
Tagged with:
-
Secondary Logo placement + navigation bar orientation
tuanphan replied to afloormat's topic in Customize with code
Add to Last Line in Code Injection > Footer <script> $(document).ready(function() { $('<a href="/search"><img src="https://cdn.pixabay.com/photo/2022/10/16/13/53/early-morning-7525151__480.jpg" width="70px"/></a>').appendTo('.header-title-logo a'); }); </script> <style> .header-title-logo a:nth-child(2) { margin-left: 20px; } </style>