Align the product price and title horizontal in product page

[Leonpojen]

How can I align the product price and title to one line? (with price aligned to far right)

EX:

SIGNATURE HOODIE 900 SEK

Black

Store url: https://23bc4a.myshopify.com/products/signature-hooded-sweatshirt-2

How it looks now:

Thanks, Leon

[Ujjaval]

@Leonpojen
add below code into base.css file

@media (min-width:768px) 
{
div#price-template--17819497562379__main {
    margin-top: -6%;
    margin-left: 65%;
}
}

[PageFly-Victor]

Hi @Leonpojen

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

Hope this answer helps.

Best regards,

Victor | PageFly

[Leonpojen]

@PageFly-Victor

Hi Victor and thank you for your reply!

This sort of worked but i had to add the following code to my section-main-product.css file:

.price.price–large.price–show-badge {
text-align: right;
}

However the price and the title are not 100% even, can you fix this?

Best regards, Leon

[PageFly-Victor]

Hi there. Can you give me more information about the problem you want to fix?