ES 1.4.1 Toolbar Stretches To Full Page Size?
By Imran on Wednesday, 07 October 2015
Posted in Technical Issues
Replies 7
Likes 0
Views 630
Votes 0
Hello,

On my site the ES Toolbar is stretching to all across the page width on page load for few seconds then it's back to normal size (please check the attached screenshots)?

Secondly, how do I enable to on demand translations (from bing) within the stream feeds?

Best regards,
Imran
I found the issue on the following pages so far.
Imran
·
Wednesday, 07 October 2015 12:20
·
0 Likes
·
0 Votes
·
0 Comments
·
hey Imran,

I am sorry that delay of this reply,

Secondly, how do I enable to on demand translations (from bing) within the stream feeds?


You have to enable settings from backend > Easysocial > stream (check my attached screenshot below.)
Ensure you have fill in the following client id and secret, hope this help.
Arlex Wong
·
Wednesday, 07 October 2015 19:05
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Arlex,

And the toolbar issue in my above post?

Best regards,
Imran
Imran
·
Thursday, 08 October 2015 05:37
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi,

Plus, the popups on the toolbar (the one next to the website title) go off screen?

Best regards,
Imran
Imran
·
Thursday, 08 October 2015 06:30
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Imran,

I have fixed the toolbar stretching issues by insert the css codes below into /templates/jm-computers-electronics-store/less/custom.less

div#fd.es .es-navbar {

  max-width: 204px;

}


Can you share us a screenshot how is the toolbar's popup go off screen?
Chang
·
Thursday, 08 October 2015 11:08
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi,

Thanks. Its working fine but when the 'search' enabled, the search box is shown briefly below the toolbar on page load and then the search icon appears within the toolbar (whereas it should appear without displaying the search box first below the toolbar)?

Best regards,
Imran
Imran
·
Saturday, 10 October 2015 22:53
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Imran,

I have fixed for you by insert the css codes below into /templates/jm-computers-electronics-store/less/custom.less



.jfbconnect-wrapper {

  .row-fluid {

    margin: 0 !important;

  }

}



@media (min-width: 900px) {

  div#fd.es.mod-es-toolbar {

    min-width: 720px;

  }

}



@media (max-width: 800px) {

  div#fd.es.mod-es-toolbar {

    min-width: 310px;

  }

}

@media (max-width: 340px) {

  div#fd.es.popbox-toolbar {

    width: 92%;

    left: 10px !important;

  }

  div#fd.es.popbox-toolbar .arrow {

    display: none !important;

  }

}
Chang
·
Sunday, 11 October 2015 15:36
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post