Image Header on top of Menu
How can we use horizontal menu and put the image header above the menus. Like the way it was with version 2017
How can we use horizontal menu and put the image header above the menus. Like the way it was with version 2017
If you are using the extensions "HorizontalMenu", just put the image tag in [Brand] and the href URL in [BrandHref] is fine.
If you want the logo above (not beside) the horizontal menu, you need to customize, for example you can use jQuery in global Startup Script to insert a DIV before the menu.
Can you please post an example of how the script would look like?
This is what I have in "Client Scripts->Global->Startup Script" for the table in question and it is NOT working:
<script class="ewJsTemplate" type="text/html" data-name="My Logo" data-data="" data-method="" data-target="">
<img src="phpimages/aa_logo.png" alt="AA Logo" height="42" width="200">
</script>
Please, help!
You can use the .append() jQuery function to add your HTML code at the header in Startup Script.
For example:
$(".navbar-header").append('<img src="phpimages/example.png" align="middle">');
The example you provided works but the logo shows still over the menu. I need for the logo to show above the horizontal menu. Just like in version 2017.
This is what I have so far: $(".navbar-header").insetbefore('<img src="phpimages/aa_logo.png" align="left">');