Dev Page Test

SOLVE
MFrankJohnson
Thought Leader

Would someone please confirm that this page is rendering ok on Chrome (Mac)?

- see dev WCS page with custom WCS slider

 

We've been told the slider module buttons aren't properly positioned, but only on Chrome (Mac) -- weird.

 

Thanks in advance.

 

 

Note: The date of each post here is increasingly important as HubSpot evolves to be the #1 CRM platform of choice world-wide.

-- Visit

 

Hope that helps.

 

Be well,
Frank


HubSpot's Hiring World-Wide!

0 Upvotes
1 Accepted solution

Accepted Solutions
tjoyce
Solution
Recognized Expert | Platinum Partner

@MFrankJohnson - It does break on tablet and larger mobile screens.

frank.png

I think you should add this CSS to fix it:

div .wcs .wcs-testi1-slider.slick-initialized.slick-slider.slick-dotted {
    max-height: inherit;
}

If this answer helped, please, mark as solved 😄


tim@belch.io | forms.belch.io | Design your own Beautiful HubSpot Forms; No coding necessary.

 

Drop by and say Hi to me on slack.

View solution in original post

0 Upvotes
4 Replies 4
ErinKas
Top Contributor

Hey Frank

It looks to be working for me. I have a mac and viewed in Chrome.

 

https://www.useloom.com/share/b1e3ee807d034f1d8fe1883343353071

 

 

MFrankJohnson
Thought Leader

Thanks for checking @ErinKas ... I missed it too. Always good to have another set of eyes on code.

 

Note: The date of each post here is increasingly important as HubSpot evolves to be the #1 CRM platform of choice world-wide.

-- Visit

 

Hope that helps.

 

Be well,
Frank


HubSpot's Hiring World-Wide!

tjoyce
Solution
Recognized Expert | Platinum Partner

@MFrankJohnson - It does break on tablet and larger mobile screens.

frank.png

I think you should add this CSS to fix it:

div .wcs .wcs-testi1-slider.slick-initialized.slick-slider.slick-dotted {
    max-height: inherit;
}

If this answer helped, please, mark as solved 😄


tim@belch.io | forms.belch.io | Design your own Beautiful HubSpot Forms; No coding necessary.

 

Drop by and say Hi to me on slack.

View solution in original post

0 Upvotes
MFrankJohnson
Thought Leader

Thanks @tjoyce. Took a closer look and yes, it was breaking in Chrome PC as well.

 

I'll re-read the CSS this weekend to see if I can figure out why the original designer used the following '375px;' setting and remove it if no longer needed.mfjlabs-screenshot-wcs-custom-slider-20180907-081948.png

 

Got this code-OCD (aka: COCD) thing going on, so ... won't rest easy until it's solved in my head.

 

Should be good now. Thanks again -- really solved.

 

 

Note: The date of each post here is increasingly important as HubSpot evolves to be the #1 CRM platform of choice world-wide.

-- Visit

 

Hope that helps.

 

Be well,
Frank


HubSpot's Hiring World-Wide!