XF 1.4 Remove some "modified" CSS code for responsive (mobile version)


Active member

How can I exclude these lines for the mobile version of my forum without deleting these ones for the web version so on computers?

.node .nodeLastPost .avatar img { margin-top: -3px; }
.node .subForumList li { display: none; }
.node.level_2 .nodeInfo { height: 75px; }
.node .nodeText, .node .subForumList { margin-top: 20px; }
.node .nodeLastPost { margin-top: 20px; }
.node .forumNodeInfo .nodeIcon, .node .categoryForumNodeInfo .nodeIcon { margin-top: 15px; }


Active member
There is a link in my signature for a guide for responsive design.
I read this one but I'm not able to transform what I have in my CSS and exclude the changes I made for the mobile version so it's the reason
However, I have tried after reading your tutorial but no success.

I added this <xen:if is="@enableResponsive"> so before my CSS I want to exclude on mobile version and this after the code I want to exclude </xen:if>

However, it doesn't change anything...

In fact, I have this bug (see att.) You will see "last message" on the bottom of the node so this is not what I want, I want to hide it or move this line to the center of the node just
under the forum title.

What can I do to solve this issue please?