Nomis
-
Posts
77 -
Joined
-
Last visited
Content Type
Forums
Downloads
Store
Events
Blogs
Gallery
Profiles
Everything posted by Nomis
-
Sticky first section - strange overlapping while scrolling
Nomis replied to Nomis's topic in Images & Videos
I checked again, and Chrome and Firefox seem to work fine, but the issue occurs in Safari. Do you know what might be causing this? Here’s the link to the page in the screenshot. However, the issue affects all pages with this effect. https://www.lebendige-gaerten-hh.de/mauern @tuanphan thank you so much for your help! -
Site URL: https://lebendige-gaerten.squarespace.com/ Hello everyone, I have a question regarding my homepage. For (almost) all my pages (homepage and subpages), I have set the first section as a sticky section. When scrolling down, the following sections should slide over the top of the first, fixed section. I used the following code to achieve this: section[data-section-id="65e731a63906120e80cd4206"] {position: sticky!important; top: 0px!important} html {scroll-behavior: smooth} Unfortunately, some strange overlapping occurs while scrolling. In some cases, the lower, fixed section shows through, and the backgrounds of the sections that should be sliding over it are not visible. I would be very grateful if you could help me resolve this issue quickly. I’ve attached a screenshot for reference. Thank you! https://www.lebendige-gaerten-hh.de/ pword: lebendigegaertenhh2023
-
Site URL: https://lebendige-gaerten.squarespace.com/ Hello, I need some help. I’ve uploaded a custom font to my site, and it works well overall, but in one section—the list section—it’s not displaying correctly in the Safari browser. I’ve used the following code to apply the font as a heading in the list section. /** List Section Custom Font Title **/ .user-items-list-item-container .list-item-content__title { font-family: 'Moreganic' !important; font-size:30px !important; letter-spacing: 1px !important; } How can this issue be fixed? Looking forward to your help! https://www.lebendige-gaerten-hh.de/ pword: lebendigegaertenhh2023
- 1 reply
-
- 1
-
-
- customized
- font
- (and 1 more)
-
Site URL: https://lebendige-gaerten.squarespace.com/ Hello, I could use your help. I’ve set up a mobile-style menu for the desktop version of my website, and overall it works well. However, on some computers (not all), there’s an issue: a thin white bar appears on the right side of the screen (see attached image). When you click on a submenu/dropdown, the white bar shifts left across the screen. Once the submenu is displayed, the white bar reappears on the right. The same thing happens when switching back from the submenu to the main menu. How can I get rid of this white bar? It only appears on certain computers, regardless of screen size or browser. I’d appreciate your feedback! https://www.lebendige-gaerten-hh.de/ pword: lebendigegaertenhh2023
-
@tuanphan Yes, that's exactly what I meant.
-
Hi, I have a question about the newsletter forms. I've used the code below to modify the forms so that 'Name' and 'Email Address' are displayed as fields. 'First Name' from the original form was changed to 'Name,' and 'Email' was renamed to 'Email Address.' This has worked for all previous forms. However, I recently created a new form (located at the very bottom of the page, link attached), and suddenly the original label is showing up for the name field. How can this be? How can I adjust the code so that it also displays just 'Name' there? Looking forward to your help! Site Link: https://maltemartenmethod.com/teacher-training password: tt2024 Code: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('.last-name input').attr('value','NA'); $('.last-name').attr('style','display:none;'); }); </script> <script> (function() { document.querySelector(".first-name input").setAttribute("placeholder", "Name"); })() </script> <script> (function() { document.querySelector(".email input").setAttribute("placeholder", "Email Address"); })() </script>
-
How can I close the unwanted gap under the accordion section?
Nomis replied to Nomis's topic in Images & Videos
Thanks @tuanphan, in the mobile preview (in Chrome) on my desktop, it works, but unfortunately, the issue is still not resolved on my Smartphone in Safari. Do you have any other ideas? -
Hello, I need your help! I found a way to make the accordion titles clickable links, but now there's a problem elsewhere. Because the titles now have a lot of punctuation marks, there's a lot of empty space under the accordion section in the mobile version, which is not intended. Is there a way to remove this empty space or close the gap there? I have attached screenshots for clarification. Thank you! lebendige-gaerten-hh.de pword: lebendigegaertenhh2023
-
@tuanphan Have you been able to find out anything about the code yet?
-
@tuanphan It would be really great if you could help me with this again. Many thanks in advance! 🙏
-
Hi, I would like to set an image as a background behind 3 different but consecutive sections. Can anyone tell me if and how this is possible? Looking forward to your help! https://www.lebendige-gaerten-hh.de/ pword: lebendigegaertenhh2023
-
@tuanphan Thank you for your help. Point number 3 worked well. Can you assist me with point number 2 now? It's only about the desktop version.
-
@tuanphan Yes, for the images on the white background, I found a solution. For the overlapping image (in the screenshot), I would like to change the opacity of the color in the shadow (make it transparent). Do you have a suggestion for that?
-
@tuanphan Yes, exactly, I want all of them to be open simultaneously but also manually closable. Is that possible?
-
@tuanphan #1 Thank you for helping with the arrow; it worked. Now, I'd like to make the underline a bit bolder. Can you assist with that as well? #2 Exactly, when hovering over it, the dropdown menu should be displayed either instead of the main menu or to the right of it. Is it possible for you to send me a solution for both variants? #3 Unfortunately, not yet. As you can see in the screenshots attached, the spacing between the links in the dropdown menu is still larger than between the individual menu items in the main menu. How can I adjust the spacing? Thanks for your help 🙏
-
@tuanphan It's about this image (on the left) which can be found on the homepage. I'd like to apply the same effect to other images on different pages as well.
-
@tuanphan I've implemented it on this page > https://www.lebendige-gaerten-hh.de/ueber-uns
-
Hi, I have a few questions about styling the page menu. I have created a menu in the mobile style for my site, even for the desktop version. I have some requests for changes, and I need your help with them: How can I make the underline that appears when an item in the menu is active and the arrow of the dropdown folder for the "Services (Leistungen)" item appear slightly bolder? Both elements should be stylistically adjusted to match the font weight. Is there a way to have the dropdown folder in the desktop version appear not by clicking but by hovering over it? In this case, the "Back" option in the dropdown menu would need to disappear. How can I change the line spacing in the dropdown menu (the spacing between individual items is unfortunately much larger than in the main menu)? It should be adjusted to match the spacing of the items in the main menu. Looking forward to your help! https://www.lebendige-gaerten-hh.de/ lebendigegaertenhh2023
-
Hi, I would like all items in the accordion section to be open when the page is opened. However, they should be manually closable when on the page. Can someone help me with this? https://www.lebendige-gaerten-hh.de/ lebendigegaertenhh2023
-
Hi, I would like to create a drop shadow with 50% opacity for a specific image. Can someone help me with the code? https://www.lebendige-gaerten-hh.de/ lebendigegaertenhh2023
-
@tuanphan can you help me with the JavaScript code for the link in the form block text (as described above)? That would be great!
-
@tuanphan I unfortunately have another issue with the Form Block. I used code that replaces 'required' with an asterisk '*'. Unfortunately, two additional asterisks are displayed below it in the form. How can I remove them? A screenshot for visualization is attached.
-
@tuanphan I do have a Buisness Plan account. Could you help me with the JS code?
-
@tuanphan It concerns the form on this page. You'll find it as a lightbox under the 'join the class now' button. https://www.maltemartenmethod.com/free-mini-class How do I find the form ID or how can it be created? I have another question: Is it possible to turn a word in the text 'Enter text here' (below in the code) into a link? Appreciate any help! .form-button-wrapper:after { content: "Enter text here"; display: block; margin-top: 5px; }
-
Hello, I used the following code to place a disclaimer text under a form block (lightbox). Unfortunately, the text also appears under my contact form. I want the text to appear only under a specific block. How can I achieve this? I've already tried using Block ID but couldn't make it work. I appreciate any assistance you can provide! .form-button-wrapper:after { content: "Enter text here"; display: block; margin-top: 5px; } https://maltemartenmethod.squarespace.com/ maltemartenmethod2024!
