Custom CSS align logo right.

Hi! Technically this is possible with CSS, but it’s a bit of a hack because the logo and shop address are printed in a table rather than aligned from the same base.
You can try this:

.head.container,
.head.container > tr,
.head.container > tr > td,
.head.container > tbody,
.head.container > tbody > tr,
.head.container > tbody > tr > td {
	display: block;
}

.head.container {
	padding-bottom: 8mm;
}

.head.container td.header {
	float: right;
	width: 60%;
}
.head.container td.shop-info {
	float: left;
	width: 40%;
}

But you may need to tweak this further to clear the elements below it.
It is probably easier (if you’re already editing the template anyway) to simply switch the order of the columns:

<table class="head container">
	<tr>
		<td class="shop-info">
			<div class="shop-name"><h3><?php $this->shop_name(); ?></h3></div>
			<div class="shop-address"><?php $this->shop_address(); ?></div>
		</td>
		<td class="header">
		<?php
		if( $this->has_header_logo() ) {
			$this->header_logo();
		} else {
			echo $this->get_title();
		}
		?>
		</td>
	</tr>
</table>

Hope that helps!

Thank you so much @pomegranate

Should the css be added to the custom css in the wordpress customizer? or in the plugin css file?

Thanks

WordPress customizer only affects your site. You can either add this to the PDF by using a filter or directly in style.css if you have created a custom PDF template.