View shopping cart link in banner

Some updates to the current code are needed:

Complete revised code is below for you to copy and paste.

Notes of the major changes:

1) Include a row <div class="row> </div> as the child element of the 'container' <div>  to wrap ALL the content of the 'container' in (that's how Bootstrap works). Add to the row div - class="row justify-content-between align-items-center" 

2) Wrap your 'icons8-user-100(1).png' a tag and the form tag in a <div>. I've given it a class of 'loginBasket'. Also add the 'd-flex' class to the 'loginBasket' class. Delete the closing </a> tag which folllows the closing </form> tag and move it to close your 'gblogotrans.png' a tag.

3) Remove class="col-xl-1 offset-xl-10" from the form tag.

Complete revised code (updates shown in red):

NOTE: I have removed your business email address AND bn value from the form for 'security' and 'spam' prevention, you need to add those back in.

<div class="container">

<div class="row justify-content-between align-items-center">

<a href="index.html"><img src="images/logos/gblogotrans.png" alt="&copy; Copyright 2023 Twin Beaks© Aviary All Rights Reserved" width="225" height="73" class="img-fluid"></a>

<div class="loginBasket d-flex">

<a href="account.html"><img src="images/icons/icons8-user-100(1).png" alt="login" width="35" height="35"/></a>

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="paypal" class="col-xl-1 offset-xl-10"><input type="hidden" name="bn" value="XXXXXXXXXX" /><input type="hidden" name="cmd" value="_cart" /><input type="hidden" name="business" value="XXXXXXXXXX" /><input type="hidden" name="display" value="1" /><input type="image" src="images/icons/icons8-shopping-basket-100.png" alt="basket" width="32" height="32" border="0" name="submit" /></form></a>

</div>
<!-- end loginBasket -->

</div>
<!-- end row -->

</div>
<!-- end container -->

Have a look at 11. The Shopping Cart (youtube.com)

If you want the whole series of videos, see

1. Create a new project and add the database (youtube.com)

and part 2

9. Changing the layout page and introduction to Wappler 6 (youtube.com)