Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

MML997

Member
  • Posts

    6
  • Joined

  • Last visited

  1. It seems to resize the columns when users go out of full screen. Is there a way for it all to remain at an even height? Possibly some code I could add to do this?
  2. Site URL: https://www.worqflowsolutions.com/about Hi everyone, So I am having a particularly hard time figuring out how to fix this issue. The columns for photos and text will reallign themselves when I change the size of my screen. So it will look off. I want to ensure the photos all stay the same height like in the photo examples below. Any help would be most appreciated! Best, M
  3. Site URL: https://www.worqflowsolutions.com/copy-of-home On our site I am trying to implement a hover over effect in the 'Our Expertise' section of our Home Page. I am currently using this code in our custom CSS: .image-swap-1 img:nth-child(1) { position: absolute; transition: 1s; } .image-swap-1 img:nth-child(1):hover { opacity: 0; } Then I am using this code within a code block to decide which photo goes on top: <div class="image-swap-1"> <img src="https://static1.squarespace.com/static/577c578f20099ef8087b6a74/t/60c37fa8d794e739ca421f73/1623424937257/ERP.png"> <img src="https://static1.squarespace.com/static/577c578f20099ef8087b6a74/t/60c38092c1f563780a25c5b7/1623425170318/ERP+-+Float+over.png"> </div> The issue I have on the site is that it seems to make the pictures different sizes, and they aren't aligned prior to the hover effect either (you can see the corner of the lower picture). I made the photos in Canva and made sure they were both the same scale, so I'm not sure if there is an easy fix, but any help would be most appreciated. Thanks!
  4. @ghemachandar This worked! Thanks so much. I was wondering what I was missing, and it was definintely the .Parallax-host .Parallax-item:nth-child(2). Thanks again!
  5. @ghemachandar This got rid of the whole section on mobile, but not the banner. I would still like to see the area where 'What is WorQFlow?' is located. I feel like it's on the right track though.
  6. Site URL: https://www.worqflowsolutions.com/copy-of-home Hi there, as you will see on this page we have a banner on the secondary part of the index with a rocket and other such shapes. I don't want this to show on mobile since it cuts off the words and doesn't look good, but still want it on the desktop. I tried using this code here in our CSS, but nothing happened: @media screen and (max-width:767px) { /* hide welcome banner */ [data-section-id="whatisworqflow-with-banner"] { display: none; } } Any assistance here is most appreciated! Thanks!
×
×
  • Create New...