Allready figured it out

@media only screen and (max-width: 768px)
{ .content {
padding-top: 60px!important;
padding-bottom: 60px!important; }}

Elliott, I was asking
-“the spacing/margin between the secondary nav TABS (on the top bar on mobile view) is too much and line height too big.
-The Logo gets hidden under the top bar since it increased in the size on mobile.
-Social icon (facebook) overlaps the main logo on mobile.
Any way to resolve this?

Thanks
Monica

Habe es händisch gemacht.

Hat funktioniert. Topic kann geschlossen werden.

Habe auch probiert alle Plugins zu deaktivieren und es über das Plugin zu machen, kein Erfolg.

LG

Topic can be closed.

I found “Slide options” -> “Slide image & thumbnail” :-)

Thank you

Normally the logo is too close to the top and too close to the area below so that we always have to add an transparent part to the logo to get the right distance. I thought this is not the right way and it should be easier …
“.logo { left: 20px; } ” seems to be a distance only to the left side?

Hi Yigit

I tried but I’m afraid it didn’t work. Max-width configuration was working with the same active plugins in the old hosting, it stoped working when I migrate it. Could it be a matter of versions?

Thanks a lot in advance

Hey Yigit,

great! :-)

But before closing this topic I’d like to know if this has something in common with the extended alyout editor since we’ve never have had any proolem like that on other project :/
However, there was so way to detect this silly non breaking space.

Hi Yigit,

Thanks so much for your help, the menu looks so much better now :)

Regarding the login button, I’ve already tried hard refresh, even checked on three other computers, and the text still looks grey. Would you mind having a look, maybe I missed something in the CSS code.

Also, as a last question (I hope I’m not driving you crazy by now :) ), I have a laptop image on the home page, that looks as I want it on desktop and mobile, but on tablet it looks out of place. Is there any way I can hide it just from tablet view? If not, then from both tablet and mobile?

Thanks again so much, you’ve been an amazing help

Best regards

Hi Rikard.

Thank you for that code. Unfortunately it doesn’t solve the problem. The word on the homepage does become lighter, but not light like the others. And when I add a color section on another page, the h1 elements below still change. Additionally, on the page “Schularten” there is the same problem at the bottom of the page with the word “Weiterbildung” – and that word is unaffected by the code you sent.

The span, by the way, ist to make the words orange. It has nothing to do with the transformations, because I put it in after the change to black and normal font weight happened to not have a completely botched element design wise.

However, I just had the idea of modifying h1 elements in Custom CSS in General Styling and not in Advanced Styling: I added this code:
#top .entry-content-wrapper h1 {
font-size: 29px;
font-weight: lighter;
color:#e69600;
}

This worked: The headings look the way I want (and all look the same!) and if I add a color section somewhere nothing changes.

I have another problem. though, that seems to be connected to the first one: At the bottom of those two pages I have text and next to it pictures or buttons. On my test-site, the pictures would not move below the text on mobile phones. While they do now, the buttons on the page “Schularten” stay to the right of the text even on an iPhone 5S. This is weird because while setting up that page I simply duplicated the elements and then adjusted colors etc. So there shouldn’t be anything special there.

Do you have any idea for this problem?

Thanks,
Helge

I am not sure what you are answering since that part was already done as you can see on the site.
I was asking how not to make the logo hidden under the top bar and to fix the social icon overlapping