Hi Yigit,

We’re getting closer. This is what I have in my Quick CSS right now

#header_main .container, .logo img, .logo a {
height: 88px !important;
line-height: 88px !important;
max-height: none !important;
}

.header_color .main_menu ul:first-child > li > a {
height: 88px !important;
line-height: 88px !important;
}

I have a logo which is 88 px high. It has a perfect size an every responsive device, but there is no padding at the bottom. There is a slider directly below the logo and there is no space in between.

When I enter this into the Quick CSS
.fixed_header #main {
padding-top: 135px;
}
the header is getting taller, but not in the responsive views.

Your can have a look here: http://www.save-your-life.net. I’m still developing so there is a password required: abitur97

Regards

Mark

It works !!!

Thank you very much :-)

Hey Ismael

Thanks for immediate Feedback. Yeah, I am fine, hope you too?!

Before starting to try your Suggestion, please let me ask a short clarifying question…
I would like to have the Google Maps in the Background like in the example. On top of it, I would like to use the regular elements from layout builder to enter my Content. More specific:interactive Background = Google Maps, on top = some text incl. contact form, etc.
As far as I now understand, I shall use the Plugin to open my Maps php with a TextBox, but that would mean that it is not in the Background, but on the same Level as my other Content. Am I right? Or can I do what I want with this plugin?

Once again thanks in advance!
Matthias

Thanks- that is what I am using :)

That beta version fixes the HTTPS problem with the caching URL, and since my site is on HTTPS.

I have been doing SERIOUS testing on this, like 40 hours total and I have come to a few conclusions. First, I had too many elements on my home page, and no matter what it was going to load slow. I have a layerslider and each of the images is 100k. I had 2 team mates, I had 2 parallax sections, I had progress bars, a video, and many lists. I went through and removed half of this and the page loads quickly. My original intent was to have a semi “one-page” site, but I am fine with making more pages for performance reasons.

I have also come to the conclusion that minify make Google PageSpeed and ySlow happy, but it slows down the actual load time for humans. I tested the load time 10 times with CSS minification on, and then 10 times with it off and I had significantly better times while it was off.

I have also come to the conclusion that minifying jQuery is just not going to work. Period. Perhaps it is an addon I use (there are admittedly a lot), but something breaks jQuery. and forget asyncronously loading any js- even if I do not minify jQuery and async the rest, the built in theme jQuery breaks 50% of the time. I did 20 tests with minify setup with the exact script order as your theme has and it loaded perfectly 8 of the times, jQuery conflict the other 12.

With all of this said though, I am still getting a A 92% B 89% on GTmetrix. And even though my PageSpeed score is far lowwer, I have tested the theme on both mobile and desktop clients on various internet connections and the site loads fine. I think at this point I need to stop wasting time worrying about the render blocking js/css messages from PageSpeed.

Thanks for all of your help/work over multiple threads, this is still the top theme I have used and I very much appreciate your support staff’s hard work!

Hi Ismael !

Problem is not on the actual page I also see the telephonenumber on the page

-BUT where can i edit the telephonenumber ????

I think i was able to do that in the quick-CSS section. As i seem to recall the number was visible here….. (XX XX XX XX)

.top-tel { (XX XX XX XX)
color: #d22328;
}

OR here….

.top-tel { (XX XX XX XX)
position: relative;
font-size: 16px;
font-weight: bold;
z-index: 999 !important;

….-But now it is gone !!!

Kindly
Claus.