I was able to get my desktop site looking perfect thanks to @Moeed , but I’m still having issues with the mobile layout. I attached some pictures of what it looks like and what I’m wanting it to look like. I have also attached an image of the code moeed sent me for my desktop layout (not sure if I inserted it in the correct spot but it works at the moment)
Topic summary
A user successfully implemented desktop layout fixes but is struggling with mobile responsiveness. They’ve shared screenshots comparing their current mobile layout with a desired reference design, along with the desktop code they previously received.
Current Status:
- Desktop layout working correctly
- Mobile layout needs adjustment to match reference site
- Code placement uncertainty mentioned
Proposed Solution:
A contributor provided CSS code targeting the grid layout with a media query for screens 750px and wider, setting grid items to 25% width. This appears to address the desktop grid structure rather than the mobile-specific issues shown in the screenshots.
Outstanding Questions:
- Whether the proposed solution addresses the mobile layout concerns
- Clarification needed on earlier comments about “missing” or “terminated” code
- Discussion remains open for mobile-specific fixes
1 Like
It’s nice Sharing your experience,
We have to fixed the liquid code of the mobile page,
Because this image show that a code as been terminated from the site.
what do you mean by that?
It’s nice having your response again,
This is the image I am talking about,
Need help with my mobile layout,
I mean a code as been missing there,
Hi @MaiaMonange,
Please change code here:
<style>
@media screen and (min-width: 750px) {
.grid li {
width: 25% !important;
max-width: 25% !important;
}
}
</style>
If I helped you, then a Like would be truly appreciated.
1 Like