Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1228826
    xthemer
    Participant

    Hey there,

    I’m using the tabs left feature. On mobile/smaller devices, the tabs navigation and tab items get stacked.

    The issue I’m experiencing is that custom CSS (e.g. heading styling) does not work after x theme does the stack when the default breakpoint is reached. On a desktop everything works as it should. I’ve tried using media queries (among other things) but this does not resolve the problem.

    Thanks for your help.

    #1229237
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Thanks.

    #1229460
    xthemer
    Participant

    Hey there,

    The CSS works if put in the global custom settings, not however when it’s in the page custom settings. So I solved my problem myself by using global settings.

    Assuming that this is not an isolated case, but a general theme issue, my suggestion would be to tell users in the shortcode walkthrough that this is what they have to do. I faced a similar issue with font awesome icons used as unicode. These have to be in the child stylesheet, or else they get stripped. This could easily be mentioned in the respective walkthrough to save at least some users headaches – and support requests that often result in many back and forths. Please consider improving your documentation.

    Anyway, I have one last question concerning tabs left: What is the exact x theme preset breakpoint used for smaller devices? Seems to be 1069px. Is that correct?

    Thanks in advance for your reply.

    #1229575
    Paul R
    Moderator

    Hi,

    I will forward your concerns to management.

    The breakpoint for tab left is 979px.

    Thanks

  • <script> jQuery(function($){ $("#no-reply-1228826 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>