Query Loop Carousel

  • Resolved knorkeberger

    (@knorkeberger)


    5 months, 1 week ago

    I have inserted a Post Slider based on the Query Block to display the newest posts.

    Anyway, I basically used the feature of picking a carousel view for the Query Loop element.
    On Desktop it is working fine, but once I go below <781px the Carousel breaks the whole frame.
    At this point it’s not a carousel anymore as it extends almost infinitely in width.

    Frontend <781px: https://prnt.sc/3J3UMXNZ1Kz3

    There was also a previous issue on this forum a couple months back reporting a similar issue but not quite the same issue. Therefore I disabled the “Force reload page” feature for the Query Loop in hope it would fix the issue, which didnt help. (This issue was fixed in a update though I believe.)

    Regardless, I’m not too sure what the issue could be, as I didnt see any errors in the console etc.

    Any idea what may cause this frontend error?
    If you need more information, I will try to provide as much as possible! Thanks in advance!

    Additional information:
    → Core, Theme and Plugins are up-to-date (15-05-24)
    → In use of a self-build theme which is rather simple in structure and highly resembles the twenty-standard themes as it is based on them.

    • This topic was modified 5 months, 1 week ago by knorkeberger. Reason: Submitted the website the issue occures on

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Phi Phan

    (@mr2p)

    Hi @knorkeberger,

    Thank you for your feedback. Could you please provide me with your test page? I believe it is a conflict style issue with your theme, or plugins, so I need to debug it on your site.

    Thanks,
    Phi

    Thread Starter knorkeberger

    (@knorkeberger)

    hello @mr2p,

    I just edited the thread, you can find the URL in my og message.

    As it is a Staging, it is password protected. The credentials are the subdomain part for both user and password. (“g*****y”)
    → Sorry, I cannot be too open with this information but I hope you understood what I’m trying to say.

    Plugin Author Phi Phan

    (@mr2p)

    Hello @knorkeberger,

    The issue is related to the outer column block’s style, when I resized the browser to less than 780px. The width of the column block is more than 26000000px. That is why the carousel calculated wrong value for the wrapper. You just have to add some lines of CSS like max-width: 100%;and overflow:hidden; to that block and it will be fine.

    Phi.

    • This reply was modified 5 months, 1 week ago by Phi Phan.
    Thread Starter knorkeberger

    (@knorkeberger)

    @mr2p, you are a god. thank you so much!

    Plugin Author Phi Phan

    (@mr2p)

    @knorkeberger You are welcome. I’m glad to hear you sorted it out.

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.