RainbowFX
Member-
Posts
8 -
Joined
-
Last visited
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
RainbowFX's Achievements
-
Hi, I'm having an issue with my footers where the text editor isn't coming up, I can type and change the text but I can't add links, change the layout etc. Anyone have any ideas?
-
I've almost got it, just having issues with the sub menus, when I click on portfolio it moves the main menu over to the side but I need it to disappear, I've attached what it shows below. Is there anything I can do to remove the main menu when the sub menu is clicked?
-
Hi, I'm trying to change my mobile menu view and layout, I want when the burger is clicked on for the menu to come across half of the screen from the right, I have a code which brings the menu from the right but it covers the whole screen and it displays the sub menu over the top of everything. The first picture I've attached is my website with the code, the other three websites are how I want the menu to operate, is anyone able to assist with updating or a new CSS code for this? The code I have - @media screen and (max-width: 768px) { .header-menu { opacity: 1; visibility: visible; transform: translateX(400px); transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; } .header--menu-open .header-menu { transform: translateX(0); } .header-menu-nav-folder, .header-menu-nav-item a, .header--menu-open .header-menu .header-menu-nav-list, .header-menu-actions, .header-menu-cta { transition: unset !important; transform: unset !important; }} Thank you!
-
Change mobile menu to slide from right
RainbowFX replied to RainbowFX's topic in Customize with code
@tuanphan I've used this code - "@media screen and (max-width: 768px) { .header-menu { opacity: 1; visibility: visible; transform: translateX(400px); transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; } .header--menu-open .header-menu { transform: translateX(0); } .header-menu-nav-folder, .header-menu-nav-item a, .header--menu-open .header-menu .header-menu-nav-list, .header-menu-actions, .header-menu-cta { transition: unset !important; transform: unset !important; }}" However it's now showing my submenu items over the main items, I'd like to either be a full open list or have the submenu items a clickable drop down and also remove the scroll bar. I've attached a screenshot of what it looks like, can you assist? -
Change mobile menu to slide from right
RainbowFX replied to RainbowFX's topic in Customize with code
No, that's how my menu looks I want it to look more life the example photo I posted. To come across from the right on it's own screen and display all the items like that. Basically I would like the menu to come in sliding from the right overlaying the page, with a background that has a shadow on the left hand side like it's above the page. -
Hi, I'm looking to adjust the mobile menu design but can't figure out how to do it right and it doesn't seem that squarespace allows you to on the template I'm using. I'm looking to see if I can get my menu to look similar to the photo I've attached. My website is here Thank you in advance!
-
RainbowFX reacted to a post in a topic: Changing lightbox background colour on different pages
-
Changing lightbox background colour on different pages
RainbowFX replied to RainbowFX's topic in Customize with code
Thank you, that would be really helpful! Hair | Rainbow FX -
Beyondspace reacted to a post in a topic: Changing lightbox background colour on different pages
-
Hi, I have the personal plan for now, I have 7 gallery pages that I would like to have the lightbox background a different colour on each page, I can't locate how to do it. Is there a way of using CSS or Code Block to be able to get this done? Also, is there a way of having captions on the lightbox without showing them on the normal view without using code injection as I haven't upgraded to that plan. Thank you in advance