How to hide topic info on mobiles

M Topic Author

marcofink Offline

New Member

How to hide topic info on mobiles

12 years 6 months ago - 12 years 4 months ago

#1168

Hi,

I'm trying to make adjustments to hide the 'Topics' and 'Replies' info when in mobile view.

I've installed KPraxis here: minus18.org.au/index.php/connect/forum (If viewed from a device with or emulating an iPhone or Android user agent a mobile view will load)

I want to have the 'Topics' and 'Replies' sections not show in mobile view when looking at the categories, and the views count removed from the individual threads like in the theme nts kmonazite

Last edit: 12 years 4 months ago by ntstore.

Please Log in or Create an account to join the conversation.

ntstore Offline

Administrator

Re: How to hide topic info on mobiles

12 years 6 months ago - 12 years 6 months ago

#1169

Hi,

If you don't want show the "Topics" and "Replies" when view on mobile. Please copy bellow the CSS code section to the template.css file in your joomla template.

Code:

@media (max-width: 767px) {
  #Kunena .kblocktable .kcol-kcattopics,
  #Kunena .kblocktable .kcol-kcatreplies,
  #Kunena .kblocktable .kcol-ktopicviews {
    display: none !important;    
  }
  
  #Kunena #kflattable .kcol-ktopiclastpost {
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
  }
}

Regards

Hung Pham
Email: 9themestore@gmail.com
Twitter: @9themestore

Last edit: 12 years 6 months ago by ntstore.

The following user(s) said Thank You: marcofink

Please Log in or Create an account to join the conversation.

M Topic Author

marcofink Offline

New Member

Re: How to hide topic info on mobiles

12 years 6 months ago

#1170

Thank you for the response!

It still doesn't appear to be working, I edited the Joomla template as per your instruction but no luck so far?

Please Log in or Create an account to join the conversation.

ntstore Offline

Administrator

Re: How to hide topic info on mobiles

12 years 6 months ago

#1171

Hi,

We checked your website on my phone and it work fine. Please clear your browser cache and try to refresh. If it's still bug please capture a screenshot for us.

Thanks.

Hung Pham
Email: 9themestore@gmail.com
Twitter: @9themestore

The following user(s) said Thank You: marcofink

Please Log in or Create an account to join the conversation.

M Topic Author

marcofink Offline

New Member

Re: How to hide topic info on mobiles

12 years 6 months ago

#1172

Thank you very much!

Would it be possible for it to work on the thread listing as well?

The help is greatly appreciated, thank you!

Please Log in or Create an account to join the conversation.

ntstore Offline

Administrator

Re: How to hide topic info on mobiles

12 years 6 months ago

#1173

Hi,

I think it work fine, so please check it again and tell me if you want to hidden an other element.

Regards

Hung Pham
Email: 9themestore@gmail.com
Twitter: @9themestore

Please Log in or Create an account to join the conversation.

M Topic Author

marcofink Offline

New Member

Re: How to hide topic info on mobiles

12 years 6 months ago

#1174

Sorry I don't think my screenshot came through properly, I mean I would additionally like to hide the element I've outlined in red:

Please Log in or Create an account to join the conversation.

ntstore Offline

Administrator

Re: How to hide topic info on mobiles

12 years 6 months ago

#1175

Hi,

I have just updated the CSS code section, please update to your template again.

Hung Pham
Email: 9themestore@gmail.com
Twitter: @9themestore

The following user(s) said Thank You: marcofink

Please Log in or Create an account to join the conversation.

M Topic Author

marcofink Offline

New Member

Re: How to hide topic info on mobiles

12 years 6 months ago - 12 years 6 months ago

#1176

Thank you very much! It's working well!

Another change that would be excellent to resolve if possible.

I'd also like to remove these elements (The 'last post' information and the moderator check box) in mobile view. Any advice on how would be greatly appreciated

Thank you!

Last edit: 12 years 6 months ago by marcofink.

Please Log in or Create an account to join the conversation.

ntstore Offline

Administrator

Re: How to hide topic info on mobiles

12 years 6 months ago

#1177

Hi,

Please copy the bellow CSS code section to override the old CSS code section.

Code:

@media (max-width: 767px) {
  #Kunena #kflattable .kcol-ktopicicon,
  #Kunena #kflattable .kcol-ktopicreplies,
  #Kunena #kflattable .kcol-ktopicviews,
  #Kunena #kflattable .ktopicmoderation,
  #Kunena #kflattable .kcol-ktopiclastpost {
    display: none !important;
  }
  
  #Kunena #kflattable .kcol-ktopiclastpost {
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
  }
  
  #Kunena #kflattable .kcol-ktopictitle {
    border-left: 0;
    border-bottom: 1px solid #ddd;
    display: block;
    width: 100%;
  }
}

I think, it works fine.

Hung Pham
Email: 9themestore@gmail.com
Twitter: @9themestore

The following user(s) said Thank You: marcofink

Please Log in or Create an account to join the conversation.

Offcanvas

How to hide topic info on mobiles

How to hide topic info on mobiles

Re: How to hide topic info on mobiles

Re: How to hide topic info on mobiles

Re: How to hide topic info on mobiles

Re: How to hide topic info on mobiles

Re: How to hide topic info on mobiles

Re: How to hide topic info on mobiles

Re: How to hide topic info on mobiles

Re: How to hide topic info on mobiles

Re: How to hide topic info on mobiles

WaveTheme

Products

Help!

Elsewhere