# Dev Page Test

**URL:** <https://community.hubspot.com/t/dev-page-test/10090>\
**Category:** CMS Development\
**Created:** [September 6, 2018, 4:54pm UTC](https://community.hubspot.com/t/dev-page-test/10090 "2018-09-06T16:54:24Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![MFrankJohnson](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mfrankjohnson/32/22490_2.png) [@MFrankJohnson](https://community.hubspot.com/u/MFrankJohnson)\
**Post date:** [September 6, 2018, 4:54pm UTC](https://community.hubspot.com/t/dev-page-test/10090/1 "2018-09-06T16:54:24Z")

</div>

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

- see [dev WCS page with custom WCS slider](http://dev.frankinbound.com/?utm_source=hs-forum-design)

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

Thanks in advance.

---

<div class="post-metadata">

**Author:** ![ErinKas](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/erinkas/32/99745_2.png) [@ErinKas](https://community.hubspot.com/u/ErinKas)\
**Post date:** [September 7, 2018, 2:14am UTC](https://community.hubspot.com/t/dev-page-test/10090/2 "2018-09-07T02:14:30Z")

</div>

Hey Frank

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

https://www.loom.com/embed/b1e3ee807d034f1d8fe1883343353071

---

<div class="post-metadata">

**Author:** ![MFrankJohnson](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mfrankjohnson/32/22490_2.png) [@MFrankJohnson](https://community.hubspot.com/u/MFrankJohnson)\
**Post date:** [September 7, 2018, 12:40pm UTC](https://community.hubspot.com/t/dev-page-test/10090/3 "2018-09-07T12:40:12Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![tjoyce](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tjoyce/32/88832_2.png) [@tjoyce](https://community.hubspot.com/u/tjoyce)\
**Post date:** [September 7, 2018, 12:03pm UTC](https://community.hubspot.com/t/dev-page-test/10090/4 "2018-09-07T12:03:49Z")

</div>

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

 ![frank.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/6/0/60defb5b6fbb50c4f937d9fc6e80ff4d8927bc7e.jpeg)

I think you should add this CSS to fix it:

```auto
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](mailto:tim@belch.io) | [forms.belch.io](https://forms.belch.io) | Design your own Beautiful HubSpot Forms; No coding necessary.

Drop by and say Hi to me [on slack](http://slack.belch.io/).

---

<div class="post-metadata">

**Author:** ![MFrankJohnson](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mfrankjohnson/32/22490_2.png) [@MFrankJohnson](https://community.hubspot.com/u/MFrankJohnson)\
**Post date:** [September 7, 2018, 12:38pm UTC](https://community.hubspot.com/t/dev-page-test/10090/5 "2018-09-07T12:38:09Z")

</div>

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](https://d2qpr2jzcazej7.cloudfront.net/original/2X/c/c153c4758ac2248d2e8846af0af4128a4281e03d.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.