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
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.
Hi @Nate11, this usually happens because many themes have separate mobile settings for these sections, and an update can reset them.
- 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.
- 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:
@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.
@Nate11 here’s how to fix both on Dawn.
- From your admin, open Online Store > Themes.
- Press Edit theme beside the theme you’re using.
- Click the phone icon at the top to see the mobile view.
- Click Slideshow in the left list.
- Turn on Stack text below image.
- Click the gear icon (Theme settings).
- Scroll down, open Custom CSS and paste this:
.collection__title {
text-align: center;
}
- Click Save.
The slideshow text now sits under the image on mobile, and the heading is centered:
