Soona
-
Posts
17 -
Joined
-
Last visited
Soona's Achievements
-
JamIsJam88 reacted to a post in a topic:
Underline hover animation navigation bar
-
urbnthstl24 reacted to a post in a topic:
Underline hover animation navigation bar
-
Thank you! It worked perfectly
-
Sure! https://lecheminversoi.life/rendezvous
-
Hello there! I am trying to hide the header button on one page only - the "prendre rendez-vous" (book an appointment) page. My client wants the users to read the information on the page first before booking. So, only the second button above those informations stays 🙂 Thank you for your help!
-
Yes that's perfect! thank you it was actually easier than I thought 😉 thank you very much!
-
Site URL: https://www.lucienandsolenn.com/ Hello there! I know that there is some post about this, and I found a good code for it . However, I cannot find a way to "stop the line" under the drop down menu links and make it 100% of the word, not beyond. How can I do? I post the picture of it below. Thank you in advance! My website password : Forthesakeoflove Here is the css code : .header-nav-item > a:after, .header-nav-folder-item > a:after { content:''; width: 0px; height: 1px; background: #fff; display: block; transition: width .2s ease; } .header-nav-item > a, .header-nav-folder-item:hover { background: none !important; } .header-nav-item--active > a:after, .header-nav-item:hover > a:after, .header-nav-folder-item:hover > a:after { width: 100%; } .header-nav-folder-item:hover > a { color: #fff !important; }
- 6 replies
-
- 2
-
-
- heading
- navigation
- (and 3 more)
-
Thank you very much this is awesome! 😄
-
to the left on the 'free toolkits' button 😊
-
Oh yes, it is Forthesakeoflove Thank you 😊
-
Site URL: https://www.lucienandsolenn.com/ Hi! I am looking for a css witch can help me to move my burger menu I created on the desktop view, next to the button "free toolkits" while the other links stay on the left side. How can I do that? Also if you have a little code to custom the thickness / size of this desktop burger menu that would be just amazing 😊 Thank you so much in advance!
-
header backdrop navigation menu - transparent to color when scrolling
Soona replied to Soona's topic in Customize with code
That worked perfectly! Thank you for your precious help 🙏🏻 -
Site URL: https://elizavolk-healingarts.squarespace.com Hello! I am wondering if there is a way to keep my menu transparent WITH the backdrop menu transparent too at the top of my website, and give a background color to this backdrop menu when we start toi scroll down? (fixed position header) when I use use a css code to make it transparent, (code on the pictures) it is great at the top, but I'd like to apply tis transparent effect only then and not when we scroll. It seams that it is possible with code injection but my client doesn't have the advanced version. I hope that make sense, I am very grateful for any idea / solutions. Thank you so so much! 1st & 2nd picture : what I have now at the top of the page and when I scroll (fixed position) 3rd picture : What I want at the top of the page keeping the second picture color when I scroll
-
Custom Css doesn't work when outside the custom page
Soona replied to Soona's topic in Customize with code
I wish you can see my happiness! Thank you so much you really are the best, you made my day 🙏🏻 -
Custom Css doesn't work when outside the custom page
Soona replied to Soona's topic in Customize with code
Here are the file attached:
-
Site URL: https://elizavolk-healingarts.squarespace.com/ Hello there, I am trying to find a way to fix this : I added several scheduling buttons in my website (with markdown). I changed the style directly in it and in the custom css too to have the desired design. But for some reason, it applies only when I am in the custom css page and as soon as I leave it and refresh the page, a pink-ish background appears in the buttons. I go back to the custom page, the effects come back. etc etc... It is driving me crazy, please help if you have any explanation ! 🙏🏻
-
Thank you for you answer, it worked perfectly!
.png.44a3d4cd433c091e9a1654c0f8ee531a.png)
