so it seems to be best you set the general layout to boxed and define for the home page

body.home {
    max-width: 100% !important;
    width: 100% !important;
}

.responsive #top.boxed .home, .responsive.html_boxed.html_header_sticky .home #header, .responsive.html_boxed.html_header_transparency .home  #header {
    max-width: 100% !important;
    width: 100% !important;
}

i don’t see if this is enough declaration for the moment. you have to look on landing page (class for body in this case is “home”) if this is enough

if you like to have a “home” page everything stretched to 100% than you have to make a css rule for .container

• This reply was modified 9 years, 1 month ago by Guenni007.

I have the standalone Plugin too! and this works perfect.

What do you mean by adding ?
Installing quiet normal as all other plugins ! or do you replaced the layerslider folder in themes folder ?? :wink:

because your Error is not logical if you have installed the standalone plugin than layerslider is in plugins folder not in the themes folder
the code above add_theme_support('deactivate_layerslider'); in your child-theme functions.php prevents the implemented layerslider from loading – so no config.php of layerslider in themes folder is loaded ???

Many browsers have webdeveloper tools implemented today. In former times there only was the firebug plugin for firefox.
I use it today allthough the others are quiet good tools too. (btw. on Safari the webtools has to be activated first)

There you go on with your mouse arrow and point the text you want to change and press the context button. I work here in Germany so i only know the german phrase for it ” Element mit Firebug untersuchen” (maybe inspect the element with firebug)

A new window is opend with info about the html and css for that element – and the clou is that you can change the css on the right side without touching your source code on the fly.

hovering the elements on the left side the concerning elements are highlighted on your site.
you can see this on the second image hovering the p tag highligts the p block on the site.

by this you can find the right decision what to change and you can try it ( doubleclick on a css rule at the right you can change the rules or context-menu adding some new css rules

• This reply was modified 9 years, 1 month ago by Guenni007.

site at the moment does not open. Server not found : why there is a result for gzip test from link above ??
gzip is not enabled on the server “77% Could be saved by compressing this page with GZIP.”
so contact your hoster or login at your hoster and have a look wether there are any possibilities to activate gzip compression.

_ i could not achieve more than this here – http://webers-testseite.de/enf02/googlemap/
the point is the shrinking header has its own js calculation of the header height.

so a skew is resulting. If you have the whole screenwidth for logo width.

The example above is set by:

#header_main .container {
    padding: 0;
    max-width: 100%;
}

.logo img {
    display: block;
    height: calc(18vw);
    max-width: 100vw;
    padding: 0;
    width: auto;
}

the css vw means viewport width and for height i do a calculation because 1200:211 is nearly 18%

• This reply was modified 9 years, 1 month ago by Guenni007.

without a screenshot or better a link it is hard to help you in this way.

perhaps you can use a fullscreen button (remove the link inside alb element) and set padding to zero on top:

#top .av-fullscreen-button .avia-button-fullwidth {
    padding: 0 10px 50px;
}

• This reply was modified 9 years, 2 months ago by Guenni007.

if you are in f.e. advanced layout builder and you have opened e.g. an icon-box
by hovering the icons and let the mouse over it for a while the charcodes are shown.

by the way – if you want to use the fonts via css in enfold ( for example via :before or :after pseudoclass you have to put
content:” \e803″; instead of content:” \ue803″; _ the u has to be deleted)

for example – i have an own fontello icon set (vfg) uploaded with a pdf icon and on every pdf link i do this:

.pdflink li a:after {
content:" \e803";
font-family:vfg;
font-size:10px;
position:relative;
top:-8px
}

here is a playground of mine:

http://webers-testseite.de/enf02/color-section-background-image/

if this is ok for you here is my solution :
(the min height of the avia-section was set by theme to 100px)

the colorsection is set to:
no min hight; and huge-padding !
background image to no-repeat

and you see it the custom class was set to : “background-img-responsive”

.avia-section.background-img-responsive {
    background-size: cover !important;
}

.background-img-responsive .content {
    padding-bottom: 25% !important;
    padding-top: 25% !important;
}

i can not remember me that i have filled out here on board “the last api”
so how do you control it.
Many questions here are without concerning to a special website.

The success of Enfold is on one side the quality of the theme and the good handling of the backend and alb. The other side and one unique selling proposition is the excellent support on the theme and last but not least the
lifetime updates.
For me the last point is a good point to make an advice for my customers.
The support duration is for me not so important because every new customer gets his own api.
But there are a lot of endusers here – and i guess they like the theme because of that possibility of good and everlasting support.

btw. a lot of my customers would not invest on a theme that has an anuity for updates!

• This reply was modified 9 years, 2 months ago by Guenni007.