This guide explains some of the most common issues that arise when using the Galapagos template.
How do I change the color of my navigation links in desktop view?
The Nav Style you select in the Navigation section of the Style Editor determines whether or not you can change the link color.
- Simple, Box, Line, and Top Border - Use the Nav Link Color tweak to adjust the color.
- Tag and Full Background - The navigation links are automatically set to black or white depending on the Nav Accent Color and can't be changed.
My navigation doesn’t show up in mobile
The navigation icon and links in mobile view use the same color as the Background Color tweak in the Site Wide section of the Style Editor.
To ensure your navigation links display in mobile:
- Go to the Style Editor.
- In the Site Wide section, click Background Color.
- Ensure the transparency is opaque.
- Ensure the Background Color is set to a color that is distinct from Nav Link Color. For example, if both tweaks are set to black, the navigation links won’t display.
My blog sidebar moved from left to right
The blog sidebar in Galapagos displays to the right of page content. When you create a new Blog Page, there isn’t any page content, so the sidebar displays on the left. Once you add a blog post, the sidebar will move to the right.
The “Previous” and “Next” buttons on my product item pages don’t have any text
The pagination labels on the product item pages use the same color as the Background Color tweak in the Site Wide section of the Style Editor. If the navigation text isn’t showing:
- Open any product item in the site preview.
- Navigate to the Style Editor.
- In the Site Wide section, click the Background Color tweak.
- Ensure the transparency is opaque.
- Ensure the Background Color is set to a color that is distinct from Body Text Color. For example, if both tweaks are set to black, the text won’t display.
How do I change the size of my headings?
- Open the Style Editor.
- In the Site Wide section, check Custom Headings.
- Use the Heading 1, Heading 2, and Heading 3 Font tweaks to adjust the font sizes.
To adjust the size of the body text, use the Body Font tweak in the of the Style Editor.
How do I change my mobile site title or logo?
The branding in mobile view is styled independently from desktop view. In the Mobile Styles section of the Style Editor, the Nav Branding tweak allows you to display a site title or a logo.
To display a logo in mobile view, choose Nav Branding: Upload Mobile Nav Logo and click the Nav Logo tweak to upload a mobile logo.
The Nav Branding tweak only displays when you’ve added a logo in desktop view. If you don’t see the Nav Branding tweak:
- Go to the Home Menu and click Design, then Logo & Title.
- Temporarily upload a logo in the Logo Image section. Click Save.
- Open the Style Editor and scroll down to Mobile Styles.
- Use the Nav Branding tweak to select either Upload Mobile Nav Logo or Show Site Title.
- Adjust the mobile logo or site title with the other tweaks in this section. Click Save.
- Go back to the Logo & Title panel and delete the temporary logo.
Product names and prices aren't displaying on mobile
Product names and prices don't display on Products Pages on mobile for Galapagos. They will display once your customer taps the thumbnail to view an individual product.
To create a similar landing page for your store that includes names and prices on mobile:
- Add a Regular Page.
- Add a Grid Summary Block on that page and link it to your Products Page.
Note that the Summary Block stacks on mobile.
Why can't I style my mobile site title?
This can happen when you've enabled the mobile logo and then then removed the desktop logo. To fix this:
- From the Home Menu, click Design, then Logo & Title.
- Click Add a logo to add a logo to your site. Note that this logo will be temporarily visible to your site visitors.
- Click Save and go back to the Design menu. Click Style Editor.
- Scroll down to the Mobile Styles section.
- Click the Nav Branding tweak and choose Show Site Title. The Nav Site Title Color and Nav Site Title Font tweaks will reappear.
- Click Save.
- You can now go back to the Logo & Title panel to remove the desktop logo.