Blogroll & Topbar issues

[dqscfs]

My website is : http://beta.dqs-cfs.com/

We will be launching in a few days but need assistance with a couple of (hopefully minor) issues:

1. The topbar - the topbar works fine on a desktop or laptop, but on mobile, the colors somehow change, rendering the text illegible. See attached screenshot.

2. Header size blogroll: in English everything is fine, but on the German blogroll (http://beta.dqs-cfs.com/de/news/) I have a problem with the font size. German tends to have very long words and the font size does not adjust. You can see here how the header continues outside of the column:

Adjusting font size would be a good enough solution, but it does not seem to work

3. On the blog roll, it says “Read more” for each post. This is fine in English, but for the German page I would have to translate this. Any pointers on how to do this?

I’ll add the login details in a secure note.

[paul.r]

Hi,

Thanks for writing in!

To fix the issues, you can add the code below in Theme Options > CSS

@media (max-width: 767px) {
.x-topbar p.p-info {
    background: #404040;
}

.x-iso-container-posts.cols-2 .entry-title {
    font-size: 150%;
}
}

Hope that helps

[christian]

Hey @dqscfs,

1.) For your topbar, please add this code in Appearance > Theme Options > Global CSS

@media (max-width: 767px) {
	.x-topbar .p-info {
	    float: none;
	    margin: 0;
	    padding: 0.8em 1em 1em;
	    background-color: transparent;
	    border-radius: 0 0 4px 4px;
	}
}

2.) For the title font-size, please add this code.

.x-iso-container-posts.cols-2 .entry-title {
    font-size: 150%;
 }

3.) To translate the theme, please see [this instruction](https://theme.co/apex/forum/t/setup-translation/61).

If you have additional questions, please open a separate thread for each in order to avoid confusion.

Thanks.