bonniergcuk
Member-
Content Count
20 -
Joined
-
Last visited
Everything posted by bonniergcuk
-
Scroll back to top of page on icon/image click
bonniergcuk replied to bonniergcuk's question in Coding and Customization
@tuanphanthanks so much 🙂 -
Scroll back to top of page on icon/image click
bonniergcuk posted a question in Coding and Customization
Site URL: http://www.dolphinbottles.co.uk Hi, I was hoping to know if theres any code that when you click the mini logo in the right hand corner of the page it would auto-scroll back to the top of the page? The logo is fixed. Code is: <div id="dolphin-logo"> <img src="https://static1.squarespace.com/static/5efca1d4b38d327351cb3a48/t/5f80623086feca1a363d3f95/1602249265109/Untitled+design+%288%29+%281%29.png" width="110" height="55"> </div> #dolphin-logo { position: fixed; top: 90%; right: 0; left: 80%; transform: rotate(0deg) translateX(50%) -
How to affix/align text to (hamburger) icon
bonniergcuk replied to bonniergcuk's question in Coding and Customization
-
How to affix/align text to (hamburger) icon
bonniergcuk posted a question in Coding and Customization
Site URL: http://www.dolphinbottles.co.uk Hi, Here is my current header: ^This is how I want it to look, however when I change the screen size it moves, which will be obvious as to why when you see the code I am using. I am just not pro enough to know how to fix it. ^Here is how it looks full screen Header Code Injection: <h1 class="menu">Menu</h1> CSS: .menu { position: absolute; top: 5.5%; left: 3.2%; z-index: 99999; background: none; color: black; font-size: 14px; font-weight: bold; text-transform: uppercas -
Hi Yes, sorry
-
Thank you @tuanphan that is great. Do you know how to do the same to text links in my hamburger menu?
-
Thanks so much, it's worked!
- 63 replies
-
- navigation
- hamburger-icon
-
(and 2 more)
Tagged with:
-
How to make smaller logo appear on scroll
bonniergcuk replied to bonniergcuk's question in Coding and Customization
Hi, I have a higher plan, think its business dolphinbottles.co.uk password:dolphin I want the logo, not the header Would be ideal on scroll for the header logo to disappear/fade and a smaller logo appear where I have circled on the image, to appear Could I have the hamburger menu sticky with having the header logo sticky too? I realise I have asked a lot very sorry and appreciative -
dolphinbottles.co.uk password: dolphin thanks so much 🙂
-
sorry, thank you dolphinbottles.co.uk password: dolphin apologies!
- 63 replies
-
- navigation
- hamburger-icon
-
(and 2 more)
Tagged with:
-
dolphinbottles.co.uk password: dolphin apologies!
-
Site URL: http://www.dolphinbottles.co.uk Hi, website pw: dolphin Hope image helps explain too. I want the logo in bottom right to follow users as they scroll. Current image is a coded image: <img src="https://static1.squarespace.com/static/5efca1d4b38d327351cb3a48/t/5f80623086feca1a363d3f95/1602249265109/Untitled+design+%288%29+%281%29.png" style="float:right;width:12%;height:12%;" "class="stickydolphin"> with this in Custom CSS: .stickydolphin { position: sticky; right: 0; } What am I missing? Thank you 🙂
-
@tuanphan could you help? okay if not
-
Site URL: http://www.dolphinbottles.co.uk Password: dolphin Any help is much appreciated!
-
tuanphan, could I do this with text, one of my header texts is too long for mobile so would ideally want size to shrink with window size? Thank you youre great
-
Hi guys, Does anyone know how to make my logo appear in the left corner of the page and make it sticky as I scroll? Attached is pic that may help Thanks to anyone
-
Hi, Not really much more to say aside from the title, but I have injected a hamburger menu code into design > custom css: .header-burger { display:flex!important} .header--menu-open .header-menu {max-width:30%;opacity: 0.75!important;visibility: visible!important;} .header-nav, .header-actions {visibility:hidden!important;} .header-menu-nav-item {line-height: 30px!important;} .header-menu-bg {background: black!important;} .header-menu-nav-item > a {color: white!important;font-size: 200%;hyphens: none;white-space: nowrap;} I've edited it slightly, to stop text
-
Hi, Sorry a bit late but my cart has now disappeared, does anyone know how to show the hamburger menu and the cart?
- 63 replies
-
- navigation
- hamburger-icon
-
(and 2 more)
Tagged with: