I am using Joomla and Jomsocial with the Socialize template. How do I hide the community toolbar for mobile view and still show the community toolbar logo?

    jgkiefer
    Hi
    In template layout options you click on the Responsive layout tab. Go to Extra small tab and hide the module position.
    Or add hidden-xs as module suffix in Toolbar module.

    Thank you but I don't want to eliminate the module as it contains the logo. I just want to turn off the icons in module like it is done in the medium screen.

      jgkiefer Hi
      Open "/html/mod_community_toolbar/default.php" in template "socialize".
      Find
      visible-xs
      Near line 100 replace this class with hidden-xs

      Thank you. That had the desired effects on mobile, however it added the toolbar under the logo on the regular site.

        jgkiefer
        Hi
        Kindly edit fields in first post and submit a temp super user login for staff.

          I have isolated the problem. On mobile the toolbar is duplicated. When applying the above fix in mobile display the top toolbar is hidden - but that effects the regular web view by replacing the menu (under logo) with the toolbar.

          I would like the mobile icons in the header to the right of the logo to disappear the same as the search box does. Maybe use the same code as the header search box. That would also create a dedicated box for the logo, (would be nice if the logo could be centered). I attached a image of the issue.
          Thank you for helping me with this. How do I send super user login?

          I would like to keep the login in the header. Just hide the rest. Like in the landing page header.

          jgkiefer
          Hi
          Open Open "/html/mod_community_toolbar/default.php" in template "socialize".
          Near line 100
          Add visible-xs class again and keep the hidden-xs as well

          Ninja locked the discussion.
          Write a Reply...
          You need to Login to view replies.