Jump to content

YMCA

Member
 View Profile  See their activity

  • Posts

    15

  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

YMCA's Achievements

Level 4

Level 4 (4/20)

  • Conversation Starter Rare

Recent Badges

1

Reputation

1

Community Answers

  1. YMCA
    Ah okay perfect, thank you so much I didn't even realize I had set the colour of those text blocks from the pallete rather than custom.
  2. YMCA
    https://begonia-fish-nae2.squarespace.com/config/settings/website/site-availability Pass: YMCAmedhat Currently I have just put a temp fix to have the hover effect triggered for the specific blocks but it is slightly different from the other links. Thank you for your assistance!
  3. YMCA
    I have installed the megamenu from @WillMyers and I've managed to get every other link inside of the megamenu to have a grey hover effect EXCEPT for the most recent one I've added which is the 'Become a Member' dropdown. The links 'become a member' and 'gym locations' do not have the same grey hover effect that the other dropdown menu links have and I cannot seem to figure out exactly why the hover effect for those two links doesn't work. Any suggestions are appreciated. Below is the code I used to make the hover effect work on all other megamenus' .wm-mega-menu-item { padding: 5px 12px !important; background-image: none !important; transition: all ease-in-out .2s !important; } .wm-mega-menu-item a:hover span { background: #e6e7e8; padding: 5px 12px; border-radius: 50px; transition: all ease-in-out .2s !important; display: block;
  4.    HoaLT reacted to a post in a topic: Hover Effect for Mega Menu Links
  5. YMCA
    Haha okay actually nevermind, I managed to figure it out. .wm-mega-menu-item { padding: 5px 12px !important; background-image: none !important; transition: all ease-in-out .2s !important; } .wm-mega-menu-item a:hover span { background: #e6e7e8; padding: 5px 12px; border-radius: 50px; transition: all ease-in-out .2s !important; display: block; } This code activated the hover effect for the links inside of the mega menu.
  6.    YMCA reacted to a post in a topic: Disable hover effect on certain blocks but still have them be clickable?
  7. YMCA
    Ah no sorry that didn't seem to work, the links that say "Health and fitness" and "Aquatics" etc. still do not have the same hover effect as the main nav.
  8. YMCA
    Hello, I have a pill hover effect from Ghost Plugins active on my webpage and would like the same hover effect to be active for the links on my mega menu. I purchased and installed the plugin from https://www.will-myers.com/ and might not be able to get a response from his team for a while about this question. Is there a way to activate the hover effect for the mega menu word links (and only the word links) the same way as the pill hover for the main header links. Website: https://begonia-fish-nae2.squarespace.com/home Password: YMCAMedhat
  9. YMCA
    Perfect, Thank you!
  10. YMCA
    URL: https://begonia-fish-nae2.squarespace.com/config/pages/website-tools Pass: YMCAMedhat
  11. YMCA
    Hello, I just wanted to know if there was code that made my secondary navigation center aligned like the button on my mobile site. Thank you.
  12. YMCA
    Perfect! Thank you
  13. YMCA
    Ah fantastic thank you, just one last thing, is there a way to make the hover pill not break in two like?
  14. YMCA
    https://khaki-frog-nb3f.squarespace.com/config/ The password is YMCAmember
  15. YMCA started following Disable hover effect on certain blocks but still have them be clickable?
  16. YMCA
    Currently I have a pill style hover effect for all elements of my header dropdown menus, however the pill style appears also on the icons above the text. I wanted to know if there was a css element that allowed for the icons to remain clickable, but disabled the hover effect on JUST the icons. Preferably the text below each icon would remain with the pill style hover effect but it looks a little odd on the icons. Below is the code for the pill style hover. .header-nav-item a { padding: 5px 12px !important; background-image: none !important; transition: all ease-in-out .2s !important; } .header-nav-item a:hover { background: lightpink!important; padding: 5px 12px; border-radius: 50px; transition: all ease-in-out .2s !important; }
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources