I solved it myself! Thank you for your help!

Hi Victoria,
I tried it at the .de website, but unfortunately no changes. The links are still there, but the flags are not shown…

I use two individual links in my menu for english and deutsch and then I am using this code:

li#menu-item-3902 {
background-image: url(https://marcogiannecchini.de/wp-content/uploads/2019/06/german-flag-grey.png);
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
}
li#menu-item-3902 a {
opacity: 0;
}

li#menu-item-3902 {
width: 30px;
}

#menu-item-3902{
left:35px!important;
}

li#menu-item-3901 {
background-image: url(https://marcogiannecchini.de/wp-content/uploads/2019/06/UK-Union-Flag.png);
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
}
li#menu-item-3901 a {
opacity: 0;
}

li#menu-item-3901 {
width: 30px;
}

#menu-item-3901{
left:30px!important;
}

Hey Jordan,

the situation is the following, maybe there is another solution for it:

It’s about the “Speaking” menu link, I use an anchor because the speaking section is on the same page like the homepage, but on mobile this anchor link doesn’t work because I show a similiar, but different section on mobile for the speaking section and when I use the same anchor-link it doesn’t work. Do you know what I mean?

That is the problem that I want to solve :)

Hey Jordan,

thanks for your reply.

How can I do this? When I just type in noMobile into the class field there is no change.

+ Is it also possible vice versa like adding a class to a menu item so it only appears on mobile and not on desktop?

Best regards!

Thank you very much!!

Hey Rikard,

thank you for your answer. I am a little bit overwhelmed. It’s just about the first part of the homepage from the header to the video. I used a lot of pixel values there. And it seems like a lot of work to define it seperately for every single screen size… I mean I am not talking about the mobile version since I didn’t cared about it yet, but about the different laptop and desktop screen sizes.

Is there another way to do it because you said that happens when I use pixel values. Can I use different values? How would you go about this problem? The first half of the homepage should look like here: http://whatismyscreenresolution.net/multi-screen-test?site-url=http://my-transformance.de&w=1366&h=768

When I try bigger or smaller screen sizes the buttons aren’t in the blue area anymore or the quote is not below the blue background area, or the space between video and text above is way too big…

I don’t know much about html or coding (I am currently starting to learn it). Can you help me out here? How would you do it?

I really appreciate the help here! I hope in the future when I learned more about CSS I don’t need to ask so much questions here anymore :)

Best regards,
Tobias

This doesn’t work for me. I tried it and also deleted cache, but no changes.

Hey Rikard,

I used css-code like these for example:

.text1-startseite {
margin-top: -200px !important;
}

.headline2-startseite {
margin-top: 250px !important;
}

.overlapping-image-startseite {
margin-top: -720px !important;
}

So that the picture of the speaker, the texts, the buttons in the header area are located where I wanted it to be. It looks good on my laptop screen size, but when I test the site on other screen resolutions with bigger or smaller resolution it looks destroyed. The picture of the speaker is too high, the head is cutted, the texts aren’t where they are supposed to be.

For example: http://whatismyscreenresolution.net/multi-screen-test?site-url=http://my-transformance.de/&w=1024&h=768

And it absolutely makes sense because I just used css so that it looks nice on my screen resolution. I am just asking what way do I have to go to ensure that it looks nearly the same on every screen resolution? I don’t know how to solve this problem.

Can you help me? I would really appreciate it!

Tobi

Awesome, thank you so much!

Thread can be closed.

That worked! Thank you very much!

Thank you so much! This helped me so much!!!

Just one question. Does anyone of you know how I can design it in a way so that it doesn’t cut the logo banner? Because now it stops in the middle of the “abbvie”-Logo and then needs some seconds to start over again. It would be nice when it really would look like an infinite banner.

You can close it, thanks!

Yes, I need some help. I don’t know how I can change the colour of that button colored menu field. How can do it? :)

Maybe this example is better: https://liveoffyourpassion.com/joinus/
(the short “come join us” one)

So it’s just an added border below the button in a different colour. Is that possible?