Forum Replies Created

Viewing 30 posts - 10,201 through 10,230 (of 11,513 total)
  • Author
    Posts
  • i did a duplicator backup – so if something went wrong – it is not so bad.

    i did these variations of avia.js in the child-theme/js/ folder .
    i only changed those things you mentioned above – nothing else.

    don’t look to intensiv to find a solution.
    it works with the “avia_new.js (commenting the function out)

    in reply to: Tabs without tab titles #703473

    Do you realy need the tab-titles not beeing there? or is it ok for you if they are invisible?
    So you can link to the tab-titles without beeing there :lol

    .tab_titles (visibility: hidden)

    ?

    well you can see the link above : webers-testseite.de/konkon

    you see here your login-data: https://kriesi.at/support/topic/full-width-sub-menu-sticks-below-frame-with-the-fixed-frame-layout/#post-697567

    you can see the different behaviors by activating on child-theme functions.php the different avia.js files.

    There are avia_plus.js (this is the avia.js with your changings from above – the plus shows the change with + fixed_frame) – does not work at all
    there is avia_minus.js ( same as above but with – fixed_frame) – works if the screen-width is in this way that fixed_frame is gone
    avia.js (normal one without changing) only works for wide screens – on small screens not
    avia_new.js ( avia_sticky_submenu function discommented) this works with my setting of sticky header with sticky submenu under the main-navigation

    with your “+” modification see here both screenshots for scrolled pages:


    because i see that on wide screens the distance is fixed_frame setting on my enfold options dialog
    and on small screens (before advanced menu is enabled – i set the submenu to display none in this case) it is 2times distance i decided to give the minus fixed_frame a chance.

    At least i thought that this could be done in my case ( a non shrinking header) without that function. But this is not a good solution – because it might have a global solution.

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

    this could be a nice example for you: https://codepen.io/nuriarai/pen/uIrFf
    because the row on top is nearly responsive !

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

    by the way – why is it important to have a function avia_sticky_submenu() ?
    i commented the whole function out. And set the sub-menu-container to position fixed. It works for my construct because the header did not shrink.

    Nevertheless there has to be a solution on that.

    in reply to: Mobile menu effect #701449

    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, 9 months ago by Guenni007.
    in reply to: Validations #701436

    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, 9 months ago by Guenni007.
    in reply to: Mobile menu effect #701217

    it works on one of my testpages: http://webers-testseite.de/ikom

    no 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;
    }
    in reply to: Columns in text block #700038

    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 element

    you 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, 9 months ago by Guenni007.
    in reply to: Columns in text block #699996

    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>&ndash;</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/

    in reply to: Validations #699941

    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/
    in reply to: Mobile menu effect #699888

    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.

    in reply to: Enfold Kontaktformular und Impressum #699416

    hm ich habe auch El Capitan hier drauf und jedenfalls bei einer Installation die ich gerade testete, sehe ich dass verschickt wird.

    in reply to: Enfold Kontaktformular und Impressum #699385

    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, 9 months ago by Guenni007.

    what 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 not

    if there is one .av-frame-top fixed_frame = $(‘.av-frame-top’).height()
    if there is no .av-frame-top fixed_frame = 0

    Edit 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.

    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/

    why 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

    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;
    }
    }

    if 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

    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 8 years, 9 months ago by Guenni007.
    in reply to: Validations #698630

    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 valide

    in reply to: Validations #698622

    well 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

    why not a link for us? you mean this one here? : http://kriesi.at/themes/enfold/blog/blog-single-author-full/

    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.

    in reply to: burger menu not full screen and on the right side #697988

    Thanks !

    :lol can’t see the wood for trees

    looks ok. http://webers-testseite.de/elegant

    in reply to: Mega Menu effect #697987

    :lol can’t see the wood for trees

    looks ok. http://webers-testseite.de/elegant

    This 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, 9 months ago by Guenni007.
    in reply to: Full Width Slider Caption Animation #697218

    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

    in reply to: Google jquery loading #696919

    thanks – ok

Viewing 30 posts - 10,201 through 10,230 (of 11,513 total)