And, Elliott. Any idea about that:

When I increase the font size of the special headline above 55, it’s been cut at the very right edge on a smartphone. It seems as if the theme doesn’t reduce the font size under a certain percentage or so!?

And my Logo is cut, too (566 × 156 pixels big). Please see here:

Thx for your advice!

Jan :)

Hey Elliott,

thanks for your code.

I inserted the code in my quick css (without style type = “text/css”>) instead of the page. It can work globally on my page.

Now, the testimonials won’t be displayed at all on mobile devices:

http://www.webigami.de (at the bottom of the page)

Cheers,
Jan

Hi Yigit,

that worked, perfect!

Thank you so much. Your support still is outstanding. Keep on!!!

Cheers,
Jan

I found out what causes the problem:

– I inserted the custom divider and set it to 200px width. I changed it to 17% now and the issue is gone!

Cheers,
Jan

Hi Ismael,

thanks a lot!

The Logo and Menu-Text gets smaller then. But the menu itself stays 300px wide.

Cheers,
Jan

Hi Yigit,

great thank you!!

And the Button Text colour of the translucent buttons? :))

Cheers,
Jan

Thanks again, Yigit!

You guys are simply awesome. One of the main reasons I’m working so much with ENFOLD is your support. Especially, because it’s superfast!!!

Cheers,
Jan

I figured it out!

Thanks

Hi Yigit,

great, thank you! But it still isn’t perfect. Can I add a space before the headline when it’s responsive so that the text will not be cut like now?

http://ernestdichter.de/willkommen/

Cheers,
Jan

Hey!

Yes, I know. I just told the client today. .One can hardly edit anything now….

Cheers,
Jan

Hey Josue,

great, that worked!

What numbers in that quick css would I need to change for a larger logo with the same issue?

Cheers,
Jan :)

Hi Ismael,

thank you! :)

1) worked perfectly!

2) Sorry, I didn’t want to switch sides of text and image – I wanted to decrease the element of the image and increase the size of the text element. Like this:

Moreover, the 1-column-portfolio looks bad on mobile without any extra code:

Thanks and cheers,
Jan :)

Thank you, Yigit! That was superfast.

I’d appreciate a nicer frameless solution in a further update anyway ;)

Cheers,
Jan

Hi Yigit,

thank you.

It works resizing the browser on my hand, too. But still not on the iPad. Still only if I go th portrait mode, wait a while and go back to landscape. Then the header background shows up all of a sudden.

I have a lot in Custom CSS now. Could there be the problem? Here is what I got:

#header_meta {
z-index: 2;
}

.image-overlay { display: none!important; }

.current-menu-item>a>.avia-menu-fx { display: none; }

.avia-menu-fx { display: none; }

#top .social_bookmarks_mail:hover a{color:#fff; background-color:#2997ab; }

.avia_mobile #top .av-parallax-section { z-index: 0; }

.red-bar .bar{
background: #2997ab;
}

.blue-bar .bar{
background: #8ccad6;
}

#top .grid-entry .inner-entry {
margin-right: 0px;
box-shadow: none;
}

.post-meta-infos, .news-time{
display: none;
}

.post-meta-infos {
display: none !important;
}

.avia_mobile #top .av-parallax-section{-webkit-transform: translate3d(0,0,0);}

h1 { font-size: 45px; line-height: 1.2em; font-weight: normal; }

h2 { font-size: 45px; font-weight: normal; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

.main_color .av-masonry { background-color: white; }

@media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #scroll-top-link {
display: block !important;
}}

@media only screen and (max-width: 768px) {
.html_header_transparency #top #wrap_all #main { margin-top: -82px; }}

Cheers,
Jan