1. 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)

Discussion in 'XenForo Questions and Support' started by Betclever, May 6, 2015.

  1. Betclever

    Betclever Active Member

    Hello,

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

    Code:
    .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; }
    Thanks.
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    There is a link in my signature for a guide for responsive design.
     
  3. Betclever

    Betclever Active Member

    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?
     

    Attached Files:

  4. Betclever

    Betclever Active Member

    Anyone can help me for this please?
     
  5. Betclever

    Betclever Active Member

Share This Page