Skip to main content

Comments

16 comments

Date Votes
  • K C George

    Hi Bency,

    You are correct; when a tab is opened in the Brizy editor, items are displayed toward the bottom of the selected tab, which makes for a poor user experience. However, the first item in the selected tab is displayed when the tab opens in the mobile preview. If you use the static header instead of the sticky header temporarily on your website, you can notice this more clearly. Please test this out and let us know if the preview provides a better user experience.

    0
  • Bency Kurian

    It works in preview but the navigation UX is compromised. How long will it take to fix this you think?

    Ben

    0
  • Bency Kurian

    By the way, it's the same with Accordions!

     

    0
  • K C George

    Hi Bency,

    Do you mean that the Brizy editor compromises the navigation UX? We'll file a bug report and begin resolving this issue. Though it's challenging to estimate a timeline.

    0
  • Bency Kurian

    Hi George,

    What I mean is if I use the static header, then the users will have to scroll to the top every time they want to navigate which will be really frustrating, especially to mobile users. Yes, I could do a "back-to-the-top" button but that takes up space too which will also compromise user experience, especially on a mobile where real-estate is at a premium.

    Tabs and Accordions have been around for years and I am not the 1st one to flag this. Here is similar issue but related to Accordions: https://support.brizy.io/hc/en-us/community/posts/8600087037457-Accordion-Scrolls-Down-After-Expanding-Item-on-MOBILE?input_string=accordion%20scroll

    Without a fix, it basically makes both elements unusable for mobiles and thats what 70% of the visitors use so why is this fix not a priority?!

    0
  • K C George

    Hi Bency,

    Even with the sticky header, the first item in the selected tab is displayed when the tab opens in the mobile preview. The tab heading is hidden below the header when the sticky header option is used. Thus, I recommended switching temporarily to the static header in order to verify that tabs function properly on the mobile preview. When configuring tabs for the mobile device, you can use any of the available header options, and it will function properly in preview. Please verify everything is working well in the mobile preview and let us know if not.

    The accordions should work well in the mobile preview as well.

    0
  • Bency Kurian

    Hi George,

    Only the 1st tab works with the sticky header and I need all tabs to work with the sticky header. on one of the category pages I have 6 tabs; it's going to be a UX nightmare for mobile users!! With the Static & Fixed menus users will have to scroll all the way to the top for the menu! I also have to deliver a mega-menu on this project!

    Not sure what you mean by "When configuring tabs for the mobile device, you can use any of the available header options, and it will function properly in preview." It simply doesn't work with Sticky header!

    Ben

     

    0
  • K C George
    • Edited

    Hi Ben,

    Please have a look at this video to understand my point better. https://jmp.sh/3i3f35XY

    To overcome the issue of the Tab heading hiding behind the sticky header, please consider these options

    • Add a top padding/margin of 10-15 pixels to your Tab headings. This should make the tab headings visible. 
    • Consider switching to the Static Header instead of the Sticky Header 
    0
  • Bency Kurian

    Hi George,

     

    Only the desktop has the provision to increase the space between the tabs and that doesn't carry over to the accordion version of tablet and mobile. I finally did it by increasing the font height for tablet & mobile - it's not ideal.., it's the buggy Brizy way.

    0
  • K C George

    Hi Bency,

    I agree. The tab implementation on mobile is buggy. When selecting a tab, the content of the tab scrolls to be top of the screen. Content scrolling to be top of the viewport should be avoided. I have reported this bug and we will work on fixing it.   

    0
  • Bency Kurian

    Hi George,

    I had the same issue with accordions because I tried that too.

     

    0
  • K C George

    I have added the Accordion element also to the bug report. We will look at both. 

    0
  • Melissa Vannucci

    Hi George, I have the same issues. This is pretty frustrating. 

    0
  • K C George

    Hi Melissa,

    We regret that we have not made progress on fixing this bug. We will get to this bug soon. 

    0
  • Ben K

    Don't hold your breath Melissa!  I've reported UX/UI bugs and both remain unresolved. Hey, who can complain now that they have hover effects for the minority desktop visitors?!

    0
  • Ariel H.

    Hi Ben,

    We appreciate your feedback and understand that these features are important to you. The reported bugs should be addressed in one of our future updates. 

    Best regards,
    Ariel H.

    0

Please sign in to leave a comment.

Didn't find what you were looking for?

Ask a Question