Open
Conversation
Perf: Make scroll event listeners passive
Perf: Disable slide-reveal on mobile
Perf: Defer predictive-search.js loading
St/responsive images
…yload St/predictive search lazyload
…-LCP Optimize responsive images, LCP priority, and deferred mobile hydration
Committed from shop: Develoment-theme
Committed from shop: Develoment-theme
Committed from shop: Develoment-theme
Committed from shop: Develoment-theme
Committed from shop: Develoment-theme
Committed from shop: Develoment-theme
- Added Metroflex fonts to the assets and declared them in base.css so they can be used dynamically. - Overrode the italic tags in the announcement bar section to render as a border underline instead of italics, bypassing the visual editor's lack of an underline button.
feat: Add Metroflex fonts & announcement bar underline
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Implementation of Mobile Typography & Layout Customizations in Global Blocks
Text Global Block (blocks/text.liquid):
Added font_size_mobile customization to allow overriding the font size on mobile devices.
Introduced alignment_mobile setup to permit specific text alignment (left, center, or right) uniquely for mobile displays.
Updated
snippets/text.liquid to read these new schema values and map them to --font-size-mobile and --text-align-mobile CSS variables inside a @media screen and (max-width: 749px) breakpoint.
Button Global Block (blocks/button.liquid):
Added a dedicated Typography configuration section to the button block schema.
Included a standard desktop font_size setting.
Included a font_size_mobile setting to control mobile font sizing without relying on arbitrary global stylesheet scalings.
Modified
snippets/button.liquid to dynamically inject --font-size and --font-size-mobile variables and updated the embedded {% stylesheet %} block to apply these scales gracefully across devices while retaining the button's standard styling fallback behavior.