Responsive issue on one particular class

  • Resolved happyloa

    (@happyloa)


    5 years, 11 months ago

    As mentioned in the title, there is a responsive issue on one particular class of wpForo plugin, which is “wpforo-category”.

    Viewing in desktop it’s completely fine, however, when viewing in tablet or phones the wpforo-category class behaves in a strange way, you can check the screenshot here to understand what I’m talking about.

    Click here to check the screenshots

    Is there any way I can fix this? Or it’s the plugin problem?

    P.S. I translated most front-end words into Traditional Chinese and the words on the category are also T. Chinese, not sure if this caused the issue.

    • This topic was modified 5 years, 11 months ago by happyloa.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support gVectors Support

    (@gvectorssupport)

    5 years, 11 months ago

    Hi@happyloa,

    Try this code: 

    @media screen and (max-width: 620px){
    #wpforo-wrap .cat-title, #wpforo-wrap .wpfl-2 .wpforo-forum-info, #wpforo-wrap .head-title, #wpforo-wrap .wpforo-post-head .wpf-left{
       float: none !important;
    }
}

    The CSS code should be added in the “Custom CSS code” textarea, located in the Dashboard > Forums > Settings > Style Tab.  

    Also, please try on incognito mode if you’re checking on mobile devices. Because mobile browsers have a hard cache, you’ll not be able to see the change immediately.

    Thread Starter happyloa

    (@happyloa)

    5 years, 11 months ago

    @gvectorssupport
    It worked! thanks.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Responsive issue on one particular class’ is closed to new replies.