# Mobile problem **URL:** \ **Category:** Store Design\ **Tags:** design, css, troubleshooting\ **Created:** [November 2, 2026, 4:23am UTC](https://community.shopify.com/t/mobile-problem/708243 "2026-11-02T04:23:38Z")\ **Posts on this page:** 7\ **Page:** 1 ## AI-generated summary The issue is that after a software update, the featured-collection heading appears off-center on mobile, while slideshow text sits too high and takes up much of the image. Both sections look correct on desktop, suggesting the problem is specific to mobile layout settings. For the Dawn theme, the recommended fix is to open the theme editor, switch to the phone preview, select the Slideshow section, and enable “Stack text below image.” To center the collection heading, add `.collection__title { text-align: center; }` in Theme settings > Custom CSS, then save. An earlier suggestion also noted that a “View all” link can affect heading alignment and that settings vary by theme. Screenshots show the relevant controls and an example before-and-after result. The discussion offers a concrete troubleshooting path, but there is no confirmation that the original issue was resolved.
**Author:** ![Nate11](https://avatars.discourse-cdn.com/v4/letter/n/e99b99/32.png) [@Nate11](https://community.shopify.com/u/Nate11)\ **Post date:** [November 2, 2026, 4:23am UTC](https://community.shopify.com/t/mobile-problem/708243/1 "2026-11-02T04:23:38Z")
Hi I have a weird problem and it was fine until I updated it to the latest software but the heading text in featured collection isn’t centered but when I go in pc it is I don’t know how to fix it and the other problem is the slide heading is way too up but I pc its fine but in mobile it takes up almost the whole slide! pls help ![IMG_3288](https://canada1.discourse-cdn.com/shopifyforum/original/4X/f/d/9/fd948c4b906002cd0bbb05e1c2d178d6b9f04220.jpeg) ---
**Author:** ![Nate11](https://avatars.discourse-cdn.com/v4/letter/n/e99b99/32.png) [@Nate11](https://community.shopify.com/u/Nate11)\ **Post date:** [November 2, 2026, 4:24am UTC](https://community.shopify.com/t/mobile-problem/708243/2 "2026-11-02T04:24:35Z")
This post was flagged by the community and is temporarily hidden. ---
**Author:** ![Sajidapex](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/sajidapex/32/418578_2.png) [@Sajidapex](https://community.shopify.com/u/Sajidapex)\ **Post date:** [November 2, 2026, 4:38am UTC](https://community.shopify.com/t/mobile-problem/708243/3 "2026-11-02T04:38:13Z")
Hi @Nate11, this usually happens because many themes have separate mobile settings for these sections, and an update can reset them. 1. Slideshow text: go to Online Store \> Themes \> Customize, switch the preview to mobile (phone icon at the top), click the Slideshow section and look for an option like “Show content below images on mobile” or a mobile content position setting. Putting the text below the image on mobile usually stops it from covering the whole slide. 2. Featured collection heading: click the section and check for a heading alignment option. If there isn’t one, open the section’s “Custom CSS” box and try: ```auto @media screen and (max-width: 749px) { h2 { text-align: center; width: 100%; } } ``` If a “View all” link sits next to the heading, it can push the title to the left on small screens, so that’s worth checking too. If this doesn’t fix it, could you share your store URL and which theme (and version) you’re using? That makes it easier to point to the exact setting. ---
**Author:** ![degain222](https://avatars.discourse-cdn.com/v4/letter/d/bbce88/32.png) [@degain222](https://community.shopify.com/u/degain222)\ **Post date:** [November 2, 2026, 4:42am UTC](https://community.shopify.com/t/mobile-problem/708243/4 "2026-11-02T04:42:47Z")
This post was flagged by the community and is temporarily hidden. ---
**Author:** ![Ploqo](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/ploqo/32/398219_2.png) [@Ploqo](https://community.shopify.com/u/Ploqo)\ **Post date:** [November 2, 2026, 4:51am UTC](https://community.shopify.com/t/mobile-problem/708243/5 "2026-11-02T04:51:34Z")
@Nate11 here’s how to fix both on Dawn. 1. From your admin, open **Online Store** \> **Themes**. 2. Press **Edit theme** beside the theme you’re using. ![Online Store, Themes, Edit theme](https://canada1.discourse-cdn.com/shopifyforum/original/4X/9/0/6/906c9627e42c9c0563066df42781aa55dfb23a65.png) 1. Click the **phone icon** at the top to see the mobile view. ![Phone icon](https://canada1.discourse-cdn.com/shopifyforum/original/4X/f/3/1/f31bc09e0224adc6751b07a81db4c396b030cc62.png) 1. Click **Slideshow** in the left list. 2. Turn on **Stack text below image**. ![Slideshow settings, Stack text below image](https://canada1.discourse-cdn.com/shopifyforum/original/4X/7/d/1/7d161acc74c161b410d6d166a155c133697195f2.png) 1. Click the **gear icon** (Theme settings). ![Theme settings gear](https://canada1.discourse-cdn.com/shopifyforum/original/4X/4/d/1/4d14053258471d66c7b27c9d6dbf4068b276dc69.png) 1. Scroll down, open **Custom CSS** and paste this: ```auto .collection__title { text-align: center; } ``` ![Custom CSS box](https://canada1.discourse-cdn.com/shopifyforum/original/4X/f/6/e/f6ecb0e23906a1d53d2e462895c457c3d23a62e2.png) 1. Click **Save**. ![Save](https://canada1.discourse-cdn.com/shopifyforum/original/4X/7/2/d/72d65f75cc66754dae18b627f7c09e48315b4a53.png) The slideshow text now sits under the image on mobile, and the heading is centered: ![Before: text high, title left](https://canada1.discourse-cdn.com/shopifyforum/original/4X/6/d/d/6dd0ab5c0511faffe27d26f1220291ada2d13378.png) ![After: text below image, title centered](https://canada1.discourse-cdn.com/shopifyforum/original/4X/2/d/7/2d77f1a87e744cacde29ac77061c2c18b3f1e452.png) ---
**Author:** ![ZoraizGhani](https://avatars.discourse-cdn.com/v4/letter/z/bc8723/32.png) [@ZoraizGhani](https://community.shopify.com/u/ZoraizGhani)\ **Post date:** [November 2, 2026, 4:57am UTC](https://community.shopify.com/t/mobile-problem/708243/6 "2026-11-02T04:57:51Z")
This post was flagged by the community and is temporarily hidden. ---
**Author:** ![jasonh](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/jasonh/32/12_2.png) [@jasonh](https://community.shopify.com/u/jasonh)\ **Post date:** [November 4, 2026, 1:42pm UTC](https://community.shopify.com/t/mobile-problem/708243/7 "2026-11-04T13:42:39Z")
Listed on November 4, 2026, 1:42pm UTC