macydyeser
-
Posts
16 -
Joined
-
Last visited
Reputation Activity
-
macydyeser reacted to tuanphan in Promotional pop-up mobile version image not showing
Hi. Add to Design > Custom CSS
/* Mobile popup image */ div.sqs-slice-group.group-copy.copy-layer-background { background-image: url(https://cdn.pixabay.com/photo/2018/03/11/14/09/eggs-3216877__340.jpg) !important; background-size: cover; background-repeat: no-repeat; }
-
macydyeser reacted to tuanphan in Use an icon for home button on navigation and make the mobile menu icon bolder.
Add to Design > Custom CSS
/* Nav home */ nav.header-nav-list>div:first-child a { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjEgMTN2MTBoLTZ2LTZoLTZ2NmgtNnYtMTBoLTNsMTItMTIgMTIgMTJoLTN6bS0xLTUuOTA3di01LjA5M2gtM3YyLjA5M2wzIDN6Ii8+PC9zdmc+) !important; background-size: 30px !important; background-repeat: no-repeat !important; color: transparent !important; background-position: center center !important; } /* burger */ .top-bun { height: 3px !important; } .bottom-bun { height: 3px !important; }
-
macydyeser reacted to tuanphan in Hamburger Menu on Mobile not clickable
Add to Design > Custom CSS
/* burger not clickable */ .header-display-mobile .header-burger { z-index: 10000000; }
-
macydyeser reacted to Beyondspace in MULTI-NAV DROP DOWN MENU
I think you have to use javascript implement multiple nested folder, like so
mmenu.js - App look-alike menus with sliding submenus (mmenujs.com)
-
macydyeser got a reaction from Beyondspace in MULTI-NAV DROP DOWN MENU
Hi, I would like to ask how will I be able to put a multi-nav dropdown menu (like the image below) if it's not possible to put a folder inside a folder?
All I can see are about mega-menus but my client don't like those. My client specifically want the image below. I hope someone can help and answer my concern. Thank you.
-
macydyeser reacted to paul2009 in How can I edit a class without affecting the same class on other sections? (IMAGE HOVER)
To limit this effect to the top section of this page (the section with the data-section-id of 60bdc228ef82ad6c71cce98f) you should replace your existing CSS with the following:
section[data-section-id="60bdc228ef82ad6c71cce98f"] .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-card-wrapper { visibility: hidden; opacity: 0; transition-duration: 1s; } section[data-section-id="60bdc228ef82ad6c71cce98f"] .sqs-block-image:hover .image-block-outer-wrapper.image-block-v2 .image-card-wrapper { visibility: visible; opacity: 1; background-color: hsla(43, 45%, 66%, 0.74) } As you'll see, this is the same as the CSS you were using, but prefixed with the section ID so that the styling is limited to this section only.
-
macydyeser reacted to paul2009 in How can I edit a class without affecting the same class on other sections? (IMAGE HOVER)
It's difficult to help you as your site is currently private and we cannot see the issue.
As a first step, please set a public password in the visibility settings and then share this with us.
Next, tell us which page you need help with.
Lastly, please post the code you are using.
