Forum Replies Created
-
AuthorPosts
-
well it is Kriesies Code but with important on that part i mentioned:
So my comment was that you have to change in that kriesi code the one rule to !important setting#mobile-advanced{ width:100%; right:0; position: absolute; z-index: 1000; top:-100%; padding:89px 0; overflow: hidden; border-left-style: solid; border-left-width: 1px; margin:0 0 0 -2px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; display:none; } .csstransforms3d #mobile-advanced{ -webkit-transform: scale3d(1); -moz-transform: scale3d(1); transform: scale3d(1); } .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; } .csstransforms3d .show_mobile_menu #mobile-advanced{ -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
-
This reply was modified 8 years, 4 months ago by
Guenni007.
Yes – but as i described above – i can prevent this by removing autop function of WordPress:
remove_filter( 'the_content', 'wpautop' ); remove_filter( 'the_excerpt', 'wpautop' );
btw: there are sometimes some issues with f.e. : “no div tags within h tags”
or on your enfold-creative-studio demo the duplicate ID : team ( in front of team grid and under the last grid)
Edit: if you look to source code via Browser there is only a closing p tag.
and https://validator.w3.org/ too only closing tag
but on firebug :<footer class="entry-footer"></footer> </article> </div> <p></p> </div>
hm ???
-
This reply was modified 8 years, 4 months ago by
Guenni007.
it works on one of my testpages: http://webers-testseite.de/ikom
October 18, 2016 at 10:58 am in reply to: How can i have 3 colums on mobile landscape on only 1 specific page #700564no vinay the other way round – he wants the 3 column for mobile view too. I understand him so , that he wants it only for landscape – so my media-queries should do the job. But now he likes to have the margin bottom/top the same as left/right.
i can not see a big difference between those distances – you only can try to make it relative – so you have on small pictures not absolute distances.
.responsive #top.home .no_margin.av_one_third { margin: 0 !important; padding: 2% 0 !important; width: 33.3% !important; }
if you are familiar with html tables you can make it by yourself and insert that code to a text-block element.
This seems to be the best method for now – because i’m missing the colspan possibility in enfold tables elementyou can find here a nice online generator for tables : https://tabletag.net/
if you activat on the preview on top two (or more) cells you can merge them – for your table it looks like this:
you see 2 lines as header lines-
This reply was modified 8 years, 4 months ago by
Guenni007.
how did you create your html ?
did you realy use the advanced layout builder from enfold ?
i see very unusual constructions
the grid layout f.e. you use it with one “column”
you construct the distance left and right by adding than a 1/5 empty flex-column –
and use for the content the 3/5th column.Why don’t you use instead color section
And in it a 1/1 container for the content. The 1/1 container uses the enfold option max-width and the margin: 0 auto to center the content.etc.
the code you are belonging to your question looks like this :
<div class="flex_column av_one_fourth flex_column_div avia-builder-el-45 el_after_av_one_fourth el_before_av_one_fourth column-top-margin"> % of variable fee <p></p> <p>–</p> <p>0.5%</p> <p>0.75%</p> <p>1%</p></div>
the % of variable fee is not in the p tag and thats causing the niveau difference (p tag has margin: 0.85em 0;) etc.
PS for tables there is a advanced layout builder element. ( it opens an opition dialog first with price table but you can choose a normal table too)
Look to the image – i would have constructed the table:
and see result here: http://webers-testseite.de/ikom/neue-seite/
if it is there it is allways in front of : </div></div></div><!– close content main div –>
</p> </div></div></div><!-- close content main div --> Line 178 http://kriesi.at/themes/enfold-one-page-portfolio/ </p> </div></div></div><!-- close content main div --> Line 194 http://kriesi.at/themes/enfold-startup/ </p> </div></div></div><!-- close content main div --> Line 182 http://kriesi.at/themes/enfold-hotel/ </p> </div></div></div><!-- close content main div --> Line 166 http://kriesi.at/themes/enfold-spa/
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.
hm ich habe auch El Capitan hier drauf und jedenfalls bei einer Installation die ich gerade testete, sehe ich dass verschickt wird.
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 8 years, 4 months ago by
Guenni007.
October 15, 2016 at 11:17 am in reply to: Full Width Sub Menu sticks below frame with the fixed frame layout #699346what does this mean:
fixed_frame = $('.av-frame-top').length ? $('.av-frame-top').height() : 0,
is it a shortend if clause ( i can not find the declaration of “?”) in a jquery clause.
$('.av-frame-top').length
means the amount of .av-frame-top : so if there is one or notif there is one .av-frame-top fixed_frame = $(‘.av-frame-top’).height()
if there is no .av-frame-top fixed_frame = 0Edit Ok i found something about a ternary operator
(condition) ? (if_true) : (if_false)
but i can not understand why it should work for foveaworks – and not for me.
October 14, 2016 at 8:34 pm in reply to: How can i have 3 colums on mobile landscape on only 1 specific page #699289it 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/
October 14, 2016 at 10:15 am in reply to: How can i have 3 colums on mobile landscape on only 1 specific page #699025why did you use the custom.css ?
on the majority of all cases the quick css will do the job too!if the code above works for you only insert the .home class ( you see just behind #top : #top.home ) that is the specific code for homepage.
if you only wants to have it for landscape see mediaquerie above
October 14, 2016 at 10:09 am in reply to: How can i have 3 colums on mobile landscape on only 1 specific page #699024aha : 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; } }
October 14, 2016 at 10:07 am in reply to: How can i have 3 colums on mobile landscape on only 1 specific page #699023if you take the code globaly :
.responsive #top.home .no_margin.av_one_third { width: 33% !important; }
it works ! you have to find the settings for your landscape option – try to insert that code first and see if it works globaly for your homepage
October 14, 2016 at 9:08 am in reply to: How can i have 3 colums on mobile landscape on only 1 specific page #699014can 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 8 years, 4 months ago by
Guenni007.
on every enfold page i disable the autop function of wordpress this closing p-tag is gone.
without that little fault (and it is not a fault of enfold i think – Enfold Pages are html5 validewell that is not so important – but since it exists now an official w3c html5 validator i’m nosy about enfold and the results.
They only have two “faults” and a lot of advices concerning to role setting (header, footer, navigation do not need the role attribut etc.)
The link i mentioned above and some closing p tags without opening one.
for example on enfold theme demo page line 322
October 12, 2016 at 10:59 am in reply to: My Enfold Theme Options look different as the picture posted by Yigit #698190why not a link for us? you mean this one here? : http://kriesi.at/themes/enfold/blog/blog-single-author-full/
October 11, 2016 at 6:22 pm in reply to: Full Width Sub Menu sticks below frame with the fixed frame layout #697994the 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.
:lol can’t see the wood for trees
looks ok. http://webers-testseite.de/elegant
October 10, 2016 at 10:37 pm in reply to: Full Width Sub Menu sticks below frame with the fixed frame layout #697567This could not be the whole solution Ismael.
First of all on top you mean under bordermod… replace the line with the other? or do you realy mean add the new line – no – this will end in two fixed_frame lines.i got now:
bordermod = html.is('.html_minimal_header') ? 0 : 1, fixed_frame = $('.av-frame-top').length ? $('.av-frame-top').height() : 0, calc_margin = function()
and on line 1420ff
if(scrolled + modifier > top_pos) { if(!fixed) { this.css({top: modifier - bordermod + fixed_frame, position: 'fixed'}); fixed = true } }
look here : with “+ fixed_frame” i got a double distance
if i change it to “- fixed_frame” the solution is good to small screens when fixed-frame is gone but on wide screens the submenu is not fixed !see private content
-
This reply was modified 8 years, 5 months ago by
Guenni007.
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” Slidesthanks – ok
hi Ismael can you help me please on that here too: https://kriesi.at/support/topic/burger-menu-not-full-screen-and-on-the-right-side/
yes you are right on that. But you have to be aware of that issue. If you only prove it via http://ipadpeek.com/ you might be mislead that everything is ok.
The real devices shows the bug – and it is very important to solve this – more and more of my customers only surf via ipad or iphone.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
yes but i did not found a solution for both – footer curtain and slider :
here ist the solution for slider alone:.avia-section, .av-layout-grid-container, .main_color { z-index: 0 !important; } .avia-fullscreen-slider .avia-slideshow-inner { position: fixed; } .avia-fullscreen-slider .avia-slideshow[data-image_attachment=fixed] .avia-slideshow-inner, .avia-fullscreen-slider .avia-slideshow[data-image_attachment=fixed] > ul > li { transform: none !important; }
the variation of code above was that the slideshow-inner has to be set on fixed.
but that is than the reason for disturbing the footer solution i gave. The fullscreen slider is 100vh so on footer position this is over the footer !see here on firefox the result for stand alone: http://webers-testseite.de/elegant/fullscreen-slider/
in quick css:
#top .scroll-down-link { color: #88bbc8 }
maybe an important is necessary
-
This reply was modified 8 years, 4 months ago by
-
AuthorPosts