Image Header on top of Menu

This public forum is for user-to-user discussions of PHPMaker. Note that this is not support forum.
Post Reply
wungaz
User
Posts: 214

Image Header on top of Menu

Post by wungaz »

How can we use horizontal menu and put the image header above the menus. Like the way it was with version 2017


arbei
User
Posts: 9284

Post by arbei »

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.


napiedra
User
Posts: 142

Post by napiedra »

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!


arbei
User
Posts: 9284

Post by arbei »

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">');


napiedra
User
Posts: 142

Post by napiedra »

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">');


Post Reply