CMS Development

MFrankJohnson
Thought Leader

Dev Page Test

SOLVE

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: Please search for recent posts as HubSpot evolves to be the #1 CRM platform of choice world-wide.

 

Hope that helps.

 

Be well,
Frank


www.mfrankjohnson.com
0 Upvotes
1 Accepted solution
tjoyce
Solution
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

Dev Page Test

SOLVE

@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
tjoyce
Solution
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

Dev Page Test

SOLVE

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

0 Upvotes
MFrankJohnson
Thought Leader

Dev Page Test

SOLVE

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: Please search for recent posts as HubSpot evolves to be the #1 CRM platform of choice world-wide.

 

Hope that helps.

 

Be well,
Frank


www.mfrankjohnson.com
ErinKas
Top Contributor

Dev Page Test

SOLVE

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

Dev Page Test

SOLVE

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

 

Note: Please search for recent posts as HubSpot evolves to be the #1 CRM platform of choice world-wide.

 

Hope that helps.

 

Be well,
Frank


www.mfrankjohnson.com