Hello Ciaran,

I found the solution to this just to inform the others also in case they face the same problem..
It was the System - EFSEO - Easy Frontend SEO plugin that needed to be disabled and everything now seem in order.

Hi Eri

I don't believe this to be a template related issue. Does enabling one of the default Joomla templates (Protostar) resolve the issue? Checking your website source, your meta data title is Patterns.

Ciaran

No Ciaran, the problem is not resolved when I choose Protostar..

In the following line I send you the custom css I use in case something conflicts there...:

.cmc-signup .btn-primary {
background-color: #f5f1eb;
background-image: linear-gradient(to bottom, #f5f1eb, #f5f1eb);
background-repeat: repeat-x;
border-color: #f5f1eb #f5f1eb #f5f1eb;
color: #707070;
text-shadow: 0 -1px 0 rgba(255, 255, 255,0.25);
font-size: 16px;
}

.owl-theme .owl-controls .owl-buttons div {
background-color: #5c5c5c !important;
}

.cmc-signup label, .cmc-signup input, .cmc-signup button, .cmc-signup select, .cmc-signup textarea {
font-size: 16px;
font-weight: normal;
line-height: 18px;
}

h2 {
font-size: 4em;
text-align:center;
}

.hornav > ul > .parent-hover {
background-color: #f5f1eb;
}

.item-title::after, .page-header::after {
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
content: "";
display: block;
margin-bottom: 25px;
margin-left: auto;
margin-right: auto;
position: relative;
top: -10px;
width: 100px;
z-index: 0;
}

#socialmedia {
display: block !important;
}

.logo {
padding: 10px 20px 0px 20px;
}

#container_header {
top: 100px;
}

.sj-instagram-gallery .instagram-wrap {
margin: 0px 0;
padding: 0;
overflow: hidden;
border: 0;
}

.sj-instagram-gallery .instagram-items-container .instagram-items-inner .instagram-item .instagram_users a img {
border: 0;
}

.j51snipcart .price {
display: none;
}

.j51snipcart .btn {
display: none;
}

layerslideshow-caption {
margin: 0 auto 10px;
color: #FFF;
max-width: 700px;
animation: fadeOut 1s both;
text-transform: none;
}

.layerslideshow-title {
font-size: 34px;
font-weight: 400;
color: #FFF;
animation: fadeOut 1s both;
margin: .5rem 35px;
}

.layerslideshow .info-wrapper {
position: relative;
background-color: rgba(255, 255, 255, 0.85);
width: 100%;
max-width: 50%;
padding: 20px 20px 30px;
margin: 0 auto;
animation: fadeIn 1s both 1s;
}

.owl-theme .owl-controls .owl-buttons div, .layerslideshow .info-wrapper::before, .layerslideshow .info-wrapper::after, .flexgallery figure::after {
background-color: #bcb232 !important;
}

.layerslideshow .info-wrapper:before {
bottom: -15px;
left: -15px;
}

.layerslideshow .info-wrapper:after {
top: -15px;
right: -15px;
}

.layerslideshow .info-wrapper:before, .layerslideshow .info-wrapper:after {
position: absolute;
height: 30px;
width: 30px;
background-color: #eee;
content: "";
}

.layerslideshow .NextArrow, .layerslideshow .PrevArrow {
display: none !important;
}

.layerslideshow .img-fill img {
opacity: 0;
}

Hi Eri

If the issue is also with the Protostar template then this would indicate that this is not a template related issue. CSS can not have any effect on your website title. Have you tried experimenting with the Page Display tab in the settings of this menu item?

Ciaran

Yes but nothing happens..

Excellent... thank you for the update!

Ciaran