Joomla Templates Club 406,261 posts

[synapsis Friend synapsisJoin date: April 2007Posts: 234Downloads:18Uploads:28 Thanks: 58 Thanked: 19 times in 1 posts]

#189716

I love this theme, but on the smartphone layout, I’d like to make a few minor improvements:

The main menu button takes up a whole row that could also contain the top-login div (ie – Hi admin, Login/Logout button). It’s just not very good use of space. Also, having the main menu button fixed at the top of the screen is great — but why not also include the login/logout button on that fixed menu bar? Ideally, this could be done via the custom.css file, so I won’t lose the change every time the template needs updating.

I’d like to move this login div up onto the white, fixed ja-topheader row that the main menu button is on. That way it too is always on the user’s screen, and moves more content up “above the fold.” I’d also like to make that fixed row black instead of white, but I can’t find where the css for that is located, so I can add it to my custom.css file also.

Lastly, if possible, I’d like to also change the “Hi <username>” to say “My Profile” instead, and link it to the user’s JomSocial profile. (This is probably more complicated than I’m hoping, but if you can at least point out where this “Hi <username>” is generated, I can probably figure out the rest.)

My thanks to anyone who can help me.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#502294

🙂 You need to have much customization on your site to achieve that. Here is my suggestion:

+ Move top-login div into top mobile layout

Open templates/ja_mitius/css/custom.css file

Add new script

@media (max-width: 767px) {
.top-login {
background: none;
position: relative;
right: -20px;
margin-top: -47px;
}

.ja-topheader {
z-index: 10000 !important;
-webkit-transform: none !important;
position: relative;
}
}

+ Change to Hi <username> to My Profile

Open templates/ja_mitius/html/mod_jalogin/default.php file

From


<?php if ($params->get('greeting')) : ?>
<div class="login-greeting">
<?php if($params->get('name') == 0) :
echo JText::sprintf('HINAME', $user->get('username'));
else :
echo JText::sprintf('HINAME', $user->get('name'));
endif; ?>
</div>


Change to


<?php if ($params->get('greeting')) : ?>
<div class="login-greeting">
[My Profile link JomSocial profile]
</div>


[Author]

Posts