cancel
Showing results for 
Search instead for 
Did you mean: 

CSS on Product Page not loading properly

CSS on Product Page not loading properly

I am running 2.1.5. After I upgraded to the new version, the title of the page moved. Instead of being on the right side, it's showing on the left side, on top of the picture.

 

This is how it should look like: http://magento2-demo.nexcess.net/desiree-fitness-tee.html (notice that "Desiree Fitness Tee" is on the right side of the page).

This is how my item is showing up: https://brightwebdesigns.com/wrapped-criss-cross-dani-top.html (title on top of the picture)

 

Any idea how to fix this? It was working perfectly when I was running 2.1.3... something happened when I upgraded the site.

 

Thanks!

Vanessa Lino

Lino Fitness

1 REPLY

Re: CSS on Product Page not loading properly

Hi @iamjuliera,

 

It looks to me more like layout problem than CSS. Your page.main.title block is rendered outside of product.info.main block.

It is moved inside that block by Luma theme, the following layout file:

vendor/magento/theme-frontend-luma/Magento_Catalog/layout/catalog_product_view.xml

 

 

I would recommend you to check if any of your modules or themes include catalog_product_view.xml (or even default.xml) that overrides the luma one.

 

Also, as a usual regular development activity that sometimes helps in case of such issues, try to refresh layout and block cache Smiley Happy

Tags (2)