Jump to content

Yaraf

Member
  • Posts

    39
  • Joined

  • Last visited

Everything posted by Yaraf

  1. Site URL: https://www.oryxdentalsoftware.com/ Hello, I am trying to align these 2 blocks. the first one is a carousel but with one item per row, the second one is a list with no images. I want to make the image smaller so the height matches the second block, or increase the height of the second one. Thank you It's at the bottom of the homepage.
  2. https://oryxdentalsoftware.com/homepage-new-1
  3. I am on a Business plan, can you help me with it?
  4. Site URL: https://www.oryxdentalsoftware.com/new-page-2-1 Hello, I used the code of this masonry gallery from code pen and it's good: https://codepen.io/marcobiedermann/pen/vYYyVzK But I want to animate each picture to fade and show another picture under it after a delay. Similar to this website: https://www.hellotend.com/ (section 5) I inspected the code & I think they overlapped 2 images inside each cell and it fades to show the one under it? Can someone help me with editing the code Block to overlay the images and animate it in js?
  5. Hello, The search function is not working. It doesn't show results even if the word exists. This is very bad and cost businesses potential clients that might exit the website. Is there any fix?
  6. Site URL: https://www.oryxdentalsoftware.com/ Hello, The search function is not working. It doesn't show results even if the word exists. This is very bad and cost businesses potential clients that might exit the website. Is there any fix?
  7. I think I solved it I added .header-actions.header-actions--right a{ padding: 10px; font-size:12px; margin-left:12px; }
  8. I found this code for the right order but I can't make the button smaller @media screen and (max-width:767px) { .header-burger.no-actions { order: 1 !important; } .header-title-nav-wrapper { order: 2; } .header-actions.header-actions--right { order: 3; } /* show button */ .header-actions { display: block !important; } .header .header-actions-action--cta { display: block; width: 10%; } /* logo width */ .header-title-nav-wrapper { flex: 50% !important; } }
  9. Site URL: https://www.oryxdentalsoftware.com/ Hello, I have this code to add a CTA to the mobile header this makes the cta it in the middle, but how I can make the elements in this order: Burger-menu icon > logo (centered) > CTA ? And make the cta smaller? /* Show button on mobile menu*/ @media screen and (max-width:1024px) { /* show button */ .header-actions { display: block !important; } .header .header-actions-action--cta { display: block; width: 10% !important; } /* logo width */ .header-title-nav-wrapper { flex: 50% !important; } } Thank you
  10. Hello, Actually I changed my mind, I will add it to the mobile header, I have the code to add it in the middle, but how I can make the elements in this order: Burger-menu icon > logo (centered) > CTA ? And make the cta smaller? /* Show button on mobile menu*/ @media screen and (max-width:1024px) { /* show button */ .header-actions { display: block !important; } .header .header-actions-action--cta { display: block; width: 10% !important; } /* logo width */ .header-title-nav-wrapper { flex: 50% !important; } }
  11. Site URL: https://www.oryxdentalsoftware.com/ Hello, I created a fixed side button using a markdown block and added this css, How I can make it appear after scrolling to half of the page for example? Thanks //floatbutton @media screen and (min-width:780px){ #block-yui_3_17_2_1_1636542167286_21969{ display:none;} } #collection-615d61d5e2d9b308d84cac49 .sqs-block-markdown .sqs-block-content *:first-child{display:none;} .kl-float { position: fixed; opacity: .9; top: calc(30%); right: 0; z-index: 20000; background-color: #03327c; white-space: nowrap; text-align: center !important; border-radius: 0px; height: 28px; font-weight: bold; font-size: 18px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform-origin: bottom right; }
  12. Hello, the spacing worked, but I am still having an issue with the toggle of the table on desktop view, it's not working. However the mobile version works on this page + the same code for the desktop version works on another page where there isn't 2 tables. Thank you
  13. https://www.oryxdentalsoftware.com/tablecomparison-final-1
  14. Hello, Thank you for your response! I pasted the code into the footer, the toggle worked on mobile but not on desktop, Also how do I make the table (on mobile) go up when the first one is hidden, and remove the white space and vice versa. Thank you
  15. Hello, I made a comparison table for desktop view, the table has expandable rows using js. I made another smaller table for mobile and I am willing to hide the first one on mobile, show the second etc.. but when I am inserting the second table on the same page under the main one, the expand functionality stops working. I will share the link privately Thank you
  16. Site URL: https://www.oryxdentalsoftware.com/tablecomparison-edit Hello, I did a table using htm css an js. The rows in light blue are expandable. When the page first loads it's showing these sections expanded instead of collapsed. How I can make them collapsed when I first visit the page? Also I would like to add an arrow (up/down) for collapse/expand next to the title. Can I make the first 2 columns, the header and the footer fixed (shown in attachment) and make the remaining body part scrollable horizontally? It would be good especially for mobile. Thank you
  17. thank you, I re-did this section and it worked
  18. if you click a little bit under "oryxbot" for example in the space between two links squarespace.com will open
  19. items under features, I inspected the element and the spacing between two links shows a link to squarespace.com, how do I remove it?
  20. Site URL: https://www.oryxdentalsoftware.com/ Hello, I made a mega menu under "features" using this tutorial : https://www.will-myers.com/articles/building-a-mega-menu-in-squarespace-71-free 1-added a section to the footer 2-added a folder to the main nav. 3-Wrote jQuery to move the footer section into the main nav folder. but there is a weird thing happening when I click next or below a menu item it takes me to squarespace.com however there is no link in the added footer section to this url. Thank you
×
×
  • Create New...

Squarespace Webinars

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

Hire a Designer

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