It’s the little DE on top of the page

I don’t really know why that error occured but I think I found a solution that works for me.

I think you can close that case now.

best regards

jup…ähnlicher Ansatz…aber dein Hinweis hat mich erst drauf gebracht…daher danke dir

Ich kann über Yoast ja die Title für Beitragskategorien einzeln bearbeiten

you can see it on top in the browser tab – in this case you can read Press Archive in en and Presse Archive in de
or directly in the header code at meta property title for example

it’s shown in both (german and english) as “[Category] Archive” which isnt’t a good SEO signal because some categories have the same name.

I would like to leave the englisch with “[Category] Archive” as already set and change the german into “[Category] Archiv”

I’ve set a link as example in the Private Content. There you can easy change the language and see that the title tag is always the same.

I’ve tried a bit by my own again but I didn’t get it. But now I think I’ve deleted your last changes in css.

see first link please…there it looks not good at all with your code

Any Idea how to fix it?

see second link, there I have added some little code (margin-righ) because the date and categories had no space between

.responsive #top .post-entry .post-meta-infos, .responsive #top .post-entry .blog-categories {
    float: left;
    width: auto;
    clear: none;
    top: -25px !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-right: 20px;
}

On the blog post (second link) you can also see a little seperator (/) after the date. Is it possible to get that between the categories and the date? Maybe by putting the date on first position and the categories at the second?

Any idea for that?

regards

sure

you can close the topic

kind regards

ok…can you help me to find the right classes?

I tried this with no effect

#top .av-icon-char:hover {
color: #0081C2 !important;
}

Your code is in the Quick CSS at the bottom

These were the attempts I worked with, both tested also with #top:
first attempt:
@media only screen and (max-width:1120px) and (min-width:768px) {
.flex_column.av_one_fifth {
width: 50%!important;
}
}
second attempt:
@media only screen and (max-width:1120px) and (min-width:768px) {
.flex_column.av_one_fifth {
width: 47%!important;
float:left;
margin-right: 3%!important;;
}
}

The breakpoints worked for these widths but the single columns didn’t rearranged themselves to two columns. They were among themselves but from the second column they moved a bit more to the right. What looked silly too.

I would be glad if we find a solution. But I also think if the container are overlapping at certain resolutions there should be a rethinking of the media queries for the whole theme. Maybe an update thing?

Best regards,
Patric

Hey Mike, I think I’ll get the background as the background over 960px with rgba. But under 640px I would like to have the normal mobile header-layout with the content going under the header and the header with white background.

Do you have an idea?

ok…that’s a solution…but I get a fault now…any idea what’s happening there?

Hey Yigit…done