Welcome the Technical Support section. Help us in assisting you by providing us with a concise and descriptive elaboration of your issues. Be specific and if possible, provide us with a step-by-step instruction in replicating your problem.
Prevent Profile page "Options" from going into mobile mode?
ISSUE SUMMARY:
On any profile page, at somewhere around screen width 992px or less, the little "options" icon (the one that lets you block users or change profile picture etc) disappears and goes into mobile mode and becomes a button the says options. How do I prevent this whole process from happening? I want to maintain using the gear icon and I will just use coding to move it where I need it. Thanks!
ROOT/templates/your-template/html/com_community/layouts/profile (if you don't have any of those folders, feel free to create them)
In line 142:
<div class="joms-focus__actions--desktop">
remove --desktop from class name
Do the same for script at file bottom, so it look like this
<script>
// Clone menu from mobile version to desktop version.
(function( w ) {
w.joms_queue || (w.joms_queue = []);
w.joms_queue.push(function() {
var src = joms.jQuery('.joms-focus__actions ul.joms-dropdown'),
clone = joms.jQuery('.joms-focus__button--options ul.joms-dropdown');
clone.html( src.html() );
});
})( window );
</script>
Now just hide "Options" button:
Add display: none to .joms-focus__actions
- Instead of saying: 'it's not working', explain the problem in detail.
- Screenshots with the URL visible in them and the problem marked are more than welcome.
- Tell us how to replicate the problem, we can't fix it if we can't find it.
- Make sure that your site/server meets JomSocial System Requirements
- Make sure to setup JomSocial Cron Job
- Always provide us with access details to the backend and ftp. We need it to debug problems.
- If you have a similar problem, but a solution you found isn't working, open a new thread instead of 'merging' with an existing one.
- Use the "Thank You" feature on any post that helped you