Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #20508

    I have a simple ‘Add to Cart’ and ‘View Cart’ Paypal setup on my site (http://www.productlondon.com/mastering/pay/). I use a text widget to place the ‘View Cart’ button on each page in sidebar. The problem is that I have to have a sidebar on each page to make this work.

    Ideally, what I want to do, is move the ‘View Cart’ button into the header, ideally above the ‘Contact Us’ menu. Here’s a screenshot of how I’d like it to look. http://www.productlondon.com/wp-content/uploads/2013/02/View-Cart.jpg

    Is this possible?



    You can add the paypal code to header.php – I’d insert the cart code below following code:

    <div class='container_wrap' id='header'>

    <div class='container'>




    Hi Dude, thanks for your quick reply. It worked, thanks. I pasted the code in and added a right align and the cart button is sitting in the header on the right hand side.

    I have another question though; is it possible to reduce the space above and below the ‘View Cart’ button so the logo and menus come up towards the top of the page where they were before? You can see what what I mean on my front page http://www.productlondon.com.




    Hi lain,

    Try to add this code on your Quick CSS (located inside Angular > Theme Options > Styling) or at the bottom of custom.css:

    #header .container form {
    position: absolute;
    top: 20px;
    right: 0;

    Hope this helps.




    Hi Ismael, that worked perfectly. Thankyou very much.

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Placing 'View Cart' Button in the right of the header’ is closed to new replies.