it seems to be important to set the translate rules to important:

.show_mobile_menu #mobile-advanced{
-webkit-transform: 	translate(0, 100%)!important;
-moz-transform: 	translate(0, 100%)!important;
-ms-transform: 		translate(0, 100%)!important;
transform: 		translate(0, 100%)!important;
}

the Rest – you have to play a bit (f.e. to position the open and close buttons.

Lege ein neues Menu an. Dashboard/Designs/ Menus –
Unten gibt es Bedingungen – da kannst du “Enfold Child Footer Menu” auswählen (wenn du kein Child-Theme installiert hast steht da nur Enfold Footer Menu)

Safari normal im Mac OSX ? oder ipad / ipod
Meinst Du – nicht versendet oder kommt nicht an?

• This reply was modified 9 years ago by Guenni007.

it works here on my iphone – but i thought you like to have it only for landscape.

did you use it with the media querie ? – edit – yes i see it.

try it with:

@media only screen and (min-device-width : 375px)  and (max-device-width : 667px)  and (orientation : landscape) {

}

the min-device-width is a bit more specific to device option than the code above

you have to play a bit with the values : see here the device values: http://stephen.io/mediaqueries/

aha : there comes a class with small screens:

@media only screen and (min-width: 360px) and (max-width: 767px)  and (orientation: landscape) {
.responsive #top.home .no_margin.av_one_third {
    width: 33% !important;
}
}

can you please try this :

@media only screen and (min-width: 360px) and (max-width: 767px)  and (orientation: landscape) {
#top.home .no_margin.av_one_third {
    width: 33% !important;
}
}

you have to play yourself with these values a bit. i can not simulate it via Firebug or something like this for iphone or ipad – you have to set the rule first and than we will see.

if you want it globaly get rid of the orientation: landscape
the min-width should be corrected and the max-width perhaps if you like to set rules for tablets too.

• This reply was modified 9 years ago by Guenni007.

the version i had was the latest and the latest Version of WP too.
see here the result ( if i take the -fixed_frame it is solved for small screens when fixed-frame is gone) if there is the fixed-frame active the fixed submenu goes to absolute positioning. ??

(if i take the code as described with “+fixed_frame” i got double margins)

http://webers-testseite.de/kokon/

and this is not ” fixed fullwidth menu ” my issue and i thought yours also because in your first thread you are talking about fixed submenu.

it seem to be that on fading the slides the caption-title will allways comes from top and the caption-description from bottom.
This will be nice to have the oportunitiy to set this effect – even for “sliding” Slides

no one of the online simulators shows the result you mention it.
Only the real devices shows that – so it is very hard to find the solution.
Even Safari on my Mac with Developer tools does not show the real thing ( you can switch via Developer/User Agent to ipad/iphon )

It looks like it is ignoring some height or width rules given f.e. in vw or vh units. Strange

in quick css:

#top .scroll-down-link { 
color: #88bbc8 
}

maybe an important is necessary

well you only have woff2 and woff Files – my advice is to create all the webfont files (woff, woff2, eot, svg, ttf)

i don’t know if it is necessary but with these fonts i have a positive loading of the gotham font package (created from gotham regular otf via Fontsquirell)

hi Rikard – : http://taks.org.uk/test/

so here is my test on it: http://webers-testseite.de/elegant
with logo right menu below options on enfold

insert the WordPress Title (this is without WordPress Site Description) as above in your child-theme functions.php

add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub)
{
  $sub .= "<span class='logo-title'>";
  $sub .= get_bloginfo( 'name', 'display' );
  $sub .= "</span>";
  return $sub;
}

This in Quick css :

.logo, .logo a {
    overflow: visible;
    width: 100%
}

.logo-title {
    display: block;
    float: left;
    font-size: 36px;
    left: 0 !important;
    position: absolute;
}

.logo img {
    float: right;
}

#avia-menu.menu.av-main-nav {
    float: left;
    width: 100%;
}

@media only screen and (max-width: 767px) {
.responsive .logo img {
    float: left !important;
max-width: 80%
}
.responsive #top .logo {
    width: 100%;
}
.logo-title {
    text-align: center;
    top: 80px;
    width: 100%;
}
}

you can play with these values ( font-family is not defined here, font-size etc.
For Small Screens ( try it on my testsite) i decided to do the Title under the top logo in the center of the screen