• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

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?