I have installed from Section Store app, the Circle Menu navigation.
Please help me to make the photos inside the circles look straight. Thank you for all the help
Im using Local Theme
Topic summary
A user installed the Circle Menu navigation from the Section Store app but is experiencing an issue where photos inside the circles appear tilted or rotated instead of straight.
Troubleshooting steps provided:
- Locate the Circle Menu section file (likely named
circle-menu.liquidor similar) in the Sections folder - Find CSS code styling the circles and photos
- Look for a
transformproperty (such astransform: rotate(...)) that may be causing the rotation - Remove the transform property entirely or set it to
transform: none
Current status:
The issue remains unresolved. The original poster cannot locate the transform property in their code and has shared a screenshot for further assistance. The discussion is ongoing with no solution implemented yet.
- In the “Sections” folder, locate the section file associated with the Circle Menu navigation. This file might be named something like
circle-menu.liquidorcircle-menu-section.liquid. - Open the section file and find the CSS code responsible for styling the circle and the photos inside it. Look for a CSS selector that targets the circle or the photos. It could be a class or an ID selector.
- Once you find the relevant CSS code, check if there is any transform property being applied to the photos, such as
transform: rotate(...). This property might be causing the photos to appear tilted or not straight. - If you find a
transformproperty, try removing it or adjusting its value to make the photos appear straight. For example, you can try removing thetransformproperty altogether or setting it totransform: none;.
