Issue with positioning of titles

[Vanessa Gómez]

Hi,

Web is: www.opticagracia.com (under construction)

We have a problem to be able to position the titles of the pages, the blog posts and the categories of woocommerce so that they are all in the same position.

For example, below we attach three screenshots in which it can be seen that the titles are in different positions

1) In a page of the website. Here if the title is correctly placed, at the bottom of the header.

https://i.imgur.com/Pyf1wSk.jpg

2) In a blog post. This time the title appears outside the header, in a position well below where it should be.

https://i.imgur.com/U9BCyHd.jpg

3) On wocommerce category pages. The title is set too high.

https://i.imgur.com/wU2ndHN.jpg

This is the css code related to the titles that we have put in custom css:

.skt-page-title { position: absolute; top: 80%; width: 98%; left: 50%; transform: translate(-50%, -50%);  text-align: center;}
.archive-page-title { position: absolute; top: 40%; width: 98%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.skt-page-title h1, .archive-page-title h1{ color: #fff !important;text-shadow: 2px 2px #000000;}

@media screen and (max-width:1160px) {
.skt-page-title, .archive-page-title {width: 98% !important; left:20px !important;}
}

We have sent the access data through the contact form so that you can access and review the web.

Thank you very much for your help!

Best regards,
Vanessa

[Sonal S Sinha]

Hi,

This is done.

Regards,
Dave

[Vanessa Gómez]

Hi Dave,

Perfect. Thank you very much!

Best regards,
Vanessa

[Sonal S Sinha]

🙂

[Author]

Posts