MML997

Perfect, thanks!

Wanted to follow up with another question on this thread as I am seeing the same thing. Does this mean that my data will not be accurate at all? or does it just mean it won't show the individuals that choose not to opt in for cookies? @paul2009

Hi there,

I am editing our site and have code plugins from an external company that creates buttons, and other UI for our site. The code blocks continue to display Embedded Code Block (white box), and stops me from making my spacing look nice on the site (i.e. Can't drag the bottom of a section up, not having things align to the way I want). Unfortunately, the site is currently not able to be shown since we are also transferring the domain. I have provided photos of the issue below. 

The one with white is in edit mode and the other is what the site looks like outside of edit more. IE I would like the white boxes to go away when in edit mode (site wide).

Any help would be most appreiated!

- Matt

On 9/4/2021 at 8:44 PM, tuanphan said:

Hi,

Just tested on some screen sizes & looks fine here. Which screen size do you have problem?

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?

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

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!

@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!

@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.

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!