Hello,
I noticed an issue with the Helix Ultimate template on mobile devices. In the blog category view, the alignment and left/right margins of the articles are not consistent. I’ve attached a screenshot for reference. On the homepage everything looks fine, but in the category view it’s misaligned.
Also, I have a question regarding pagination – it doesn’t display properly on mobile devices either.
Could you please advise how to fix these issues?
Thank you in advance!
Hi there!
Sorry for your experience.
Can you share the exact link to the page you have problem with? I have tried to visit some page and an article details page too, but could not get the issue there.
Best regards,
Sure.
Any news?
Hi Martin,
Sorry for the delayed response.
Please use the following code in your custom.css file:
@media (max-width: 575px) {
body.view-category .blog .article-list .row{
--bs-gutter-x: 0;
}
}Hope this will serve your purpose:)
Have a nice day!
Thanks, but it seems that the issue actually appears on all blog view pages, regardless of the device/screen. There is a margin on the right side, it’s just not as noticeable on desktop as it is, for example, on a smartphone.
Hi Martin,
You're welcome! Did you try my custom CSS already? Please let me know.
Thanks!
Was that helpful? Is your issue solved?
Hi. Unfortunately, it works on mobile phones, but for example, on tablets or computers, that offset is still present.
I also discovered that when the side menu (off-canvas) is opened, the page scrolling — or rather, the menu scrolling — doesn’t work properly (part of the menu becomes inaccessible), which is an issue with larger menus.
Hi,
For desktops that is used as gap among the elements, and it seems good. That's why I changed it only for teh mobile/smller devices. Please share a screenshot of where you have that inconsistancy with indication.
Thanks!