Hi,

Thanks for contacting us. Could you please mention your browser name? It seems ok on my end. Please check the screenshot below:

https://prnt.sc/M5nXm4V0fNF3

-Regards.

Hello, this happens on all browsers pc and mac. Firefox, safari, chroma and edge. The photo and title overlap and the copy of the article goes from edge to edge. Please see photos below. Your photo looks like the window was made smaller please look at it at full size. Thanks

Hello ...I am still having problems with the menu . Please see the photo the only way I can make it not scroll down is to make the text in the menu small. I need it to look like the demo with the search not hidding behind the donation button and and the font larger. Also the logo has problem fitting in the headder in the mobile screen. Please see photos. Thanks

Use this custom CSS

@media only screen and (max-width: 1170px) and (min-width: 998px)  {

.article-details .article-details-top-wraper .article-full-image {
    margin: 0px 0px 0px 70px;
}
.article-details .article-details-top-wraper .article-header .article-details-title{
    font-size:35px !important;
}

}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Use this custom CSS

@media only screen and (max-width: 1170px) and (min-width: 998px)  {

.article-details .article-details-top-wraper .article-full-image {
    margin: 0px 0px 0px 70px;
}
.article-details .article-details-top-wraper .article-header .article-details-title{
    font-size:35px !important;
}

}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

This code did not change anything on the blog. It still looks like before on all browsers and event after clearing all the cache. Please advice

Give me your super admin access please I need to check.

I already included the loging credentials on the original post.

I cant access your site. Please delete my previous CSS and use this one in a proper way

@media only screen and (max-width: 1170px) and (min-width: 998px)  {

.article-details .article-details-top-wraper .article-full-image {
    margin: 0px 0px 0px 70px !important;
}
.article-details .article-details-top-wraper .article-header .article-details-title{
    font-size:35px !important;
}

}

Your code is still not working. The user and pass word I provided is working. Please advice

Now check please.

There is no change in any of the browsers after claring cache. The tiltle still overlaps the photo and body text goes all the way edge to edge of the page.

Please add that CSS on en page.

Ok...I already added this code ...it did not work. Also I gave you access to the website. What is the problem

Its working. Please check now

https://prnt.sc/_O43STpyd6Ov

the titles are no longer overlaping, but the text is still showing from edge to edge, please fix the format like like the blog in your demo with margins on the sides. Thanks

Please see my screenshot texts are also looking normal.