MazharWaheed I will see what I can do, since if this is a bug within the Theme we're more than happy to solve it, but please do understand that under normal circumstances this type of question would fall outside of regular support.
When loading the URL in Chrome and pressing F12 to see the developer console you can already see a lot of information, it seems the majority of the assets are from .\ThemeContent\
and the site itself is hosted under .\AFE\
, it seems this is causing several 404's on finding the proper locations, make sure the font-files can be found at the locations it is currently referring to.
Example:
Analysis Results:
- FontAwesome and NextGen Icons cannot be loaded, hence they are "missing" on the Nav button
- Bootstrap has built-in classes to reduce the size of form elements (see: Form Sizing)
- The list generated (ul-element) is not placed inside any container element (e.g. div) and not anchored to the drop-down control, so it is rendered on the "top-left" of the page.
- I would suggest to read the documentation of the jquery-autocomplete plugin on how to do that properly (see: Position). Since this component is jQuery-UI dependent, make sure this is also loaded in the
head
-element
- Last suggestion is to enable server-side loading of the Datatable as it currently takes quite a while to load the 172 pages of data
If you cannot get auto-complete to work, then I would suggest using Select2 plugin instead
Hope this helps.