-
Posts
64,975 -
Joined
-
Last visited
-
Days Won
517
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Portfolio gallery pages load with plenty of blank spaces in mobile
tuanphan replied to torotorochoco's topic in Code Blocks
- 4 replies
-
- custom-css
- gallery
-
(and 1 more)
Tagged with:
-
Carousel to end, then reverse direction and vertical layout
tuanphan replied to unioz's topic in Customize with code
Hi, What is site url? -
Yes. Possible. With Phone add text: Phone - URL: tel:+0123456789 (replace 0123...with your phone) then share link to page, I can give code to replace Phone text with Phone Icon Similar for Email, url: mailto:abc@gmail.com
-
Some of your current code override new code for example this code You try remove all font size code you used, then check again
-
You mean change to Grid layout with text appear on hover on mobile? https://www.yaraelhaj.com/
-
-
Adding gradient colour to image borders in 7.1
tuanphan replied to claudiatinn's topic in Customize with code
I remember I sent code in another thread, you try checking it again -
How to add a country flag to header along with a hamburger menu
tuanphan replied to milkcowsgomoo's topic in Code Blocks
Don't remove any code in your current code. Add this to Custom CSS @media screen and (min-width:992px) { /* Force burger on desktop */ .header-burger { display: flex !important } .header--menu-open .header-menu { opacity: 1 !important; visibility: visible !important } @media screen and (min-width: 768px) { .header-menu { left:unset; width: 25% } } nav.header-nav-list>div:not(:last-child) { display: none; } .header-nav { order: 1 !important; text-align: left !important; flex: 0 0 30% !important; margin-left: 0 !important; } .header-title { order: 2 !important; } .header-title a { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .header-announcement-bar-wrapper { padding-top: 5vw !important; } } -
#1. Can you take a screenshot of problem? #2. Use this CSS code body.header--menu-open header#header.shrink .burger-box:after { color: black !important; }
-
The site is private. You can follow this guide to share url
-
background-size: cover; You can use cover contain or fixed value, eg: 100px
- 29 replies
-
- navigation
- images
-
(and 1 more)
Tagged with:
-
You can use first comment in this thread
-
The site url doesn't exist. Can you check it again?
-
Add this code to Website > Website Tools (under Not Linked) > Custom CSS body:not(.header--menu-open) .header-nav-folder-item--active .header-nav-folder-item-content { background-position: 0 73% !important; } adjust 73% in the code
- 1 reply
-
- navigation
- navigation-link
-
(and 1 more)
Tagged with:
-
Use this CSS code for mobile @media screen and (max-width:991px) { .portfolio-text { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%); text-align: center !important; width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; } }
- 19 replies
-
- grid-gallery
- css
-
(and 2 more)
Tagged with:
-
Hi, What is site url?
-
Trying to post Table from US Census on Blog Page
tuanphan replied to christer02's topic in Customize with code
Try use this code to Code Block <iframe src="https://data.census.gov/vizwidget?g=160XX00US5523300&infoSection=Age and Sex" width="100%" height="100%" style="border: 0"></iframe> -
Change logo link on desktop and mobile version 7.1
tuanphan replied to pleni's topic in Customize with code
I see you figured it out with this code? <script> /* Desktop branding - redirect to another URL */ document.querySelector('.header-display-desktop .header-title-logo a').setAttribute('href', '/home'); /* Mobile branding - redirect to another URL */ document.querySelector('.header-display-mobile .header-title-logo a').setAttribute('href', '/home'); </script> -
If you have a green image, we can give you code to achieve this
- 1 reply
-
- navigation-link
- navigation
-
(and 2 more)
Tagged with:
-
You can see this guide https://support.squarespace.com/hc/en-us/articles/207135178-Creating-anchor-links