modify responsive toolbar menu
By Nefi de Marioz on Friday, 20 January 2017
Posted in Technical Issues
Likes 0
Views 348
Votes 0
Hi,

Can I check in which file that I can use to edit the responsive toolbar. I am trying to remove the 3 liner bar (menu) and if possible I wanted to adjust the space between Home menu (on the left) with other menu on the right. to make it more closer.

Regards,
Nefi
For those icon you would like to make it left positon, you can apply my following css code into your template css file to achieve this:



#es.is-mobile .es-navbar__footer-toggle {

    float: left !important;

}



#es.is-mobile .o-nav.es-navbar__o-nav {

  float: left !important

}


Regarding that 3 liner bar (menu) is actually coming from your site menu, unfortunately that is not possible to show that menu icon on Easysocial toolbar.
Arlex Wong
·
Saturday, 21 January 2017 10:19
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Nefi,

You can costumize the toolbar in this file:
JoomlaFolder/components/com_easysocial/themes/wireframe/toolbar/default.php

[to remove the 3line bar]:
just comment out/ remove the code:



<div class="o-nav__item">

				<a class="es-navbar__footer-toggle" href="javascript:void(0);" data-es-toolbar-toggle>

					<i class="fa fa-bars"></i>

				</a>

			</div>



[Adjust the home menu to the right]
cut the code:



<a class="es-navbar__footer-toggle" href="<?php echo ESR::dashboard();?>">

			<i class="fa fa-home"></i>

		</a>



and insert in the 


<nav class="o-nav es-navbar__o-nav">

You're suggested to backup the file that you want to customize beforehand for precaution
Muhammad Fadhli
·
Friday, 20 January 2017 11:20
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi,

Thanks for the reply. The script is working. As for the home button, FYI I wanted to make the others icon on the right to move to left and allow the template menu to be align in the header.

Refer to the attachment, I wanted to reduce the space between home and the other 4 icon (No.1) to be on the left and make some space to template menu to (No.2) to be in the black floating header.

Thanks
Nefi
Nefi de Marioz
·
Friday, 20 January 2017 19:43
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post