-
Search Results
-
Topic: Mobile Site Shop Layout
Dear Moderator,
I recently updated to the latest version of Enfold. Thank you for adding the Shopping Cart icon to the mobile version of the website. Very helpful indeed.Please open – http://www.naturahealthcare.com on web and mobile.
However, there are two errors which have cropped up on the mobile version:
1. When the shopping cart dropdown is opened, I cannot see the cart completely and part of it remains hidden on the left side of the screen.
2. When I open the Menu, I am not able to see the entire items on the menu. The Mega Menu also disappears.
3. When you scroll down the page and wait for about 10-12 seconds, the page jumps up and down automatically – similar problem as mentioned here: https://kriesi.at/support/topic/image-jumping-in-mobile-view-unstable/
Can you please suggest any fixes for all the problems mentioned above?
I am using:
Wordpress – 4.0
Enfold – 3.0.1
WooCommerce – 2.2.4Please let me know soon as my website is up and running!
The Issue:
Using the Enfold theme, I have an IFrame positioned about halfway down my sales page which I have inserted via the Code Block Content Element. When I load the page on my mobile device, Enfold automatically scrolls down to the location of the IFrame. I have confirmed that the IFrame is the cause by eliminating the IFrame from the page and reloading. When I do this, the page loads as expected with the headline at the top.
What I’ve done:
Aside from removing the IFrame to determine that it was the cause, I’ve checked the source code of the IFrame itself to see if there was anything that might be triggering the behavior. Nothing was immediately apparent but something is causing Enfold to behave in this way.
What I need:
I need the sales page to load as normal, with the headline at the top. I don’t want the page to auto scroll to the location of the IFrame.
I’ve included that source below. Thanks for any help you can provide.
<!DOCTYPE html> <!-- saved from url=(0013)about:internet --> <html> <head><meta content='IE=Edge' http-equiv='X-UA-Compatible'> <meta http-equiv='Content-Type' content='text/html;charset=UTF-8' /> <meta name='GENERATOR' content='SpreadsheetConverter version 7.8.6078.0)' /> <!-- The parts of this webpage that is defined by the original spreadsheet have the same copyright as the original spreadsheet. --> <!-- The generic Excel-related parts of this page is Copyright © 2002-2013 Framtidsforum I&M AB, Sweden. --> <title>Invisalign Calculator</title> <link rel="stylesheet" href="assets/app.min.css" /> <script type="text/javascript" src="assets/app.min.js"></script> <script type="text/javascript"> $(function(){ var calendar_dateFormats = {}; var defaultDateFmt = 'm/d/yy'; postcode(); var tabWiz = $('#tab').tabs(); var focusCtrl=$('input:not(":hidden,:button,[readonly=readonly],:disabled"),select,a.ui-slider-handle,textarea,a.ui-state-active'); <!-- to prevent popup dialog to appear in page load.--> if(focusCtrl!= undefined && focusCtrl.filter(':first').hasClass('hasDatepicker')==false){ focusCtrl.filter(':first').focus(); } }); </script> <link rel='stylesheet' type='text/css' href='' media='print' id='printallcss' /> </head> <body onload='LoadFromQueryString();GetCookies();recalc_onclick("");' onunload='SetCookies();'> <noscript style='color:#F15623;'> The webpage is not working since JavaScript is not enabled. Most likely, you are viewing using Dropbox website or another limited browser environment. </noscript> <form id='formc' name='formc' method='post' action='' target='_top'> <input type='hidden' id='xl_spreadsheet' name='xl_spreadsheet' value='Invisalign Calculator' /> <input type='hidden' id='xl_client' name='xl_client' value='x7.8.6078.0' /> <div id='tab'> <div id='sheet-1' style='padding: 1em 1.4em;'> <table width= '817' cellspacing='0' cellpadding='0' style='border-spacing:0;' onkeydown='javascript:navigate(event);'> <col width='162'/> <col width='11'/> <col width='113'/> <col width='11'/> <col width='520'/> <tr style='height:13pt'> <td class='ee100' style='height:13pt;'> Cost of Treatment </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee106' style='height:13pt;'> <fieldset id='FS1$price' style='border:0;padding:0;'> <select name='price' id='price' class='ee108' style=' width:100% ' tabindex='1' onchange="recalc_onclick('price')" size='1' data-sheet='1' data-row='1' data-col='3'> <option data-value='n:0' selected > $ - </option> <option data-value='n:2500' > $ 2,500</option> <option data-value='n:3000' > $ 3,000</option> <option data-value='n:3500' > $ 3,500</option> <option data-value='n:4000' > $ 4,000</option> <option data-value='n:4500' > $ 4,500</option> </select> </fieldset> </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> </tr> <tr style='height:13pt'> <td class='ee109' style='height:13pt;' colspan = '5'> Most Invisalign® cases will cost between $2,500 and $4,500 </td> </tr> <tr style='height:13pt'> <td class='ee100' style='height:13pt;'> Insurance Coverage </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee106' style='height:13pt;'> <fieldset id='FS1$insurance' style='border:0;padding:0;'> <select name='insurance' id='insurance' class='ee108' style=' width:100% ' tabindex='2' onchange="recalc_onclick('insurance')" size='1' data-sheet='1' data-row='3' data-col='3'> <option data-value='n:0' selected > $ - </option> <option data-value='n:500' > $ 500</option> <option data-value='n:1000' > $ 1,000</option> <option data-value='n:1500' > $ 1,500</option> <option data-value='n:2000' > $ 2,000</option> <option data-value='n:2500' > $ 2,500</option> <option data-value='n:3000' > $ 3,000</option> <option data-value='n:3500' > $ 3,500</option> </select> </fieldset> </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> </tr> <tr style='height:13pt'> <td class='ee109' style='height:13pt;' colspan = '5'> Some insurance providers offer coverage up to $3,500 </td> </tr> <tr style='height:13pt'> <td class='ee100' style='height:13pt;'> FSA Contribution </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee106' style='height:13pt;'> <fieldset id='FS1$fsa' style='border:0;padding:0;'> <select name='fsa' id='fsa' class='ee108' style=' width:100% ' tabindex='3' onchange="recalc_onclick('fsa')" size='1' data-sheet='1' data-row='5' data-col='3'> <option data-value='n:0' selected > $ - </option> <option data-value='n:500' > $ 500</option> <option data-value='n:1000' > $ 1,000</option> <option data-value='n:1500' > $ 1,500</option> <option data-value='n:2000' > $ 2,000</option> <option data-value='n:2500' > $ 2,500</option> </select> </fieldset> </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> </tr> <tr style='height:13pt'> <td class='ee109' style='height:13pt;' colspan = '5'> With a Flexible Spending Account (FSA), you can put up to $2,500 towards treatment </td> </tr> <tr style='height:13pt'> <td class='ee100' style='height:13pt;'> Your Down Payment </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee106' style='height:13pt;'> <fieldset id='FS1$down' style='border:0;padding:0;'> <select name='down' id='down' class='ee108' style=' width:100% ' tabindex='4' onchange="recalc_onclick('down')" size='1' data-sheet='1' data-row='7' data-col='3'> <option data-value='n:0' selected > $ - </option> <option data-value='n:250' > $ 250</option> <option data-value='n:500' > $ 500</option> <option data-value='n:1000' > $ 1,000</option> <option data-value='n:1500' > $ 1,500</option> <option data-value='n:2000' > $ 2,000</option> <option data-value='n:2500' > $ 2,500</option> <option data-value='n:3000' > $ 3,000</option> <option data-value='n:3500' > $ 3,500</option> <option data-value='n:4000' > $ 4,000</option> <option data-value='n:4500' > $ 4,500</option> </select> </fieldset> </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> </tr> <tr style='height:13pt'> <td class='ee109' style='height:13pt;' colspan = '5'> Making a down payment can reduce your montly costs </td> </tr> <tr style='height:13pt'> <td class='ee100' style='height:13pt;'> Your Total Out of Pocket </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee121' style='height:13pt;'> <input id='XLEW_1_9_3' type='text' readonly='readonly' value='-' class='ee121' style='overflow:hidden; border:0px solid #000000; width:100% ' name='XLEW_1_9_3' tabindex='-1' /> </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee109' style='height:13pt;'><div style='overflow:hidden'></div></td> </tr> <tr style='height:13pt'> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee123' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee109' style='height:13pt;'><div style='overflow:hidden'></div></td> </tr> <tr style='height:13pt'> <td class='ee124' style='height:13pt;' colspan = '5'> Complete the fields below to estimate your monthly payment if you are financing your treatment. </td> </tr> <tr style='height:13pt'> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee123' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee109' style='height:13pt;'><div style='overflow:hidden'></div></td> </tr> <tr style='height:13pt'> <td class='ee100' style='height:13pt;'> Monthly Payment </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee126' style='height:13pt;'> <input id='XLEW_1_13_3' type='text' readonly='readonly' value='-' class='ee126' style='overflow:hidden; border:0px solid #000000; width:100% ' name='XLEW_1_13_3' tabindex='-1' /> </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> </tr> <tr style='height:13pt'> <td class='ee109' style='height:13pt;' colspan = '2'> Estimated monthly payment </td> <td class='ee109' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee109' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee109' style='height:13pt;'><div style='overflow:hidden'></div></td> </tr> <tr style='height:13pt'> <td class='ee100' style='height:13pt;'> Payment Periods </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee106' style='height:13pt;'> <fieldset id='FS1$Period' style='border:0;padding:0;'> <select name='Period' id='Period' class='ee108' style=' width:100% ' tabindex='5' onchange="recalc_onclick('Period')" size='1' data-sheet='1' data-row='15' data-col='3'> <option data-value='n:12' selected >12</option> <option data-value='n:18' >18</option> <option data-value='n:24' >24</option> </select> </fieldset> </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> </tr> <tr style='height:13pt'> <td class='ee109' style='height:13pt;' colspan = '3'> Choose between 12, 18 or 24 month financing </td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee109' style='height:13pt;'><div style='overflow:hidden'></div></td> </tr> <tr style='height:13pt'> <td class='ee100' style='height:13pt;'> Est. Interest Rate </td> <td class='ee123' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee106' style='height:13pt;'> <fieldset id='FS1$interest' style='border:0;padding:0;'> <select name='interest' id='interest' class='ee108' style=' width:100% ' tabindex='6' onchange="recalc_onclick('interest')" size='1' data-sheet='1' data-row='17' data-col='3'> <option data-value='s:.00' selected >.00</option> <option data-value='s:.01' >.01</option> <option data-value='s:.02' >.02</option> <option data-value='s:.03' >.03</option> <option data-value='s:.04' >.04</option> <option data-value='s:.05' >.05</option> <option data-value='s:.06' >.06</option> <option data-value='s:.07' >.07</option> <option data-value='s:.08' >.08</option> <option data-value='s:.09' >.09</option> <option data-value='s:.10' >.10</option> </select> </fieldset> </td> <td class='ee123' style='height:13pt;'><div style='overflow:hidden'></div></td> <td class='ee103' style='height:13pt;'><div style='overflow:hidden'></div></td> </tr> <tr style='height:13pt'> <td class='ee109' style='height:13pt;' colspan = '5'> Choose your estimated interest rate (0% financing is available) </td> </tr> </table> </div> </div> </form> </body> <script type="text/javascript"> var co = new Object; function recalc_onclick(ctl) { if (true) { co['price']=eegetdropdownvalue(document.getElementsByName('price'));co['insurance']=eegetdropdownvalue(document.getElementsByName('insurance'));co['fsa']=eegetdropdownvalue(document.getElementsByName('fsa'));co['down']=eegetdropdownvalue(document.getElementsByName('down'));co['Period']=eegetdropdownvalue(document.getElementsByName('Period'));co['interest']=eegetdropdownvalue(document.getElementsByName('interest'));calc(co);if(typeof ls_ !== 'undefined'){ssc.liveshare.coUpdate(co,ctl);}document.getElementById('XLEW_1_9_3').value=eedatefmt(fmtdate1,co['XLEW_1_9_3']);document.getElementById('XLEW_1_13_3').value=eedatefmt(fmtdate1,co['XLEW_1_13_3']); };}; var arr1xC3C7=new Array(5);for(var ii=0;ii<5;ii++){arr1xC3C7[ii]=new Array(1);for(var jj=0;jj<1;jj++){arr1xC3C7[ii][jj]=0}};var eecm1=new Array(new Array(arr1xC3C7,4,0,4,0),new Array(arr1xC3C7,2,0,2,0),new Array(arr1xC3C7,0,0,0,0));function calc(data){var c1C17=data['interest'];var c1C15=data['Period'];arr1xC3C7[4][0]=data['down'];arr1xC3C7[2][0]=data['fsa'];arr1xC3C7[0][0]=data['insurance'];var c1C1=data['price'];arr1xC3C7[1][0]=(0);arr1xC3C7[3][0]=(0);var c1C9=(((c1C1)-(sumgeneral(3,0,0,eecm1))));var c1C13=(((pmt((v2n(c1C17)),(c1C15),(c1C9),(0),(0)))*(-1)));data['XLEW_1_13_3']=c1C13;data['XLEW_1_9_3']=c1C9;}; function postcode() { }; function TriggerOnchange(hiddenId) { var e = jQuery.Event('change'); $('#'+hiddenId).trigger(e); } var eeisus=1;var eetrue="TRUE";var eefalse="FALSE";var eedec=".";var eeth=",";var eedecreg=new RegExp("\\.","g");var eethreg=new RegExp(",","g");var eecurrencyreg=new RegExp("[$]","g");var eepercentreg=new RegExp("%","g"); var fmtdaynamesshort=new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat"); var fmtdaynameslong=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"); var fmtmonthnamesshort=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"); var fmtmonthnameslong=new Array("January","February","March","April","May","June","July","August","September","October","November","December"); var fmtstrings=new Array("$"); var fmtdate1=[32,25,0]; function eegetdropdownvalue(ctl) { var control = $(ctl); var tag = control.get(0).tagName; var val; if (tag == 'INPUT') { val = $('input[name=' + control.attr('name') + ']:checked').attr('data-value'); } else if( tag == 'SELECT'){ val = control.find(':selected').attr('data-value'); /* data-value contains type and value, eg. n:100 (number), b:true (bool), s:ram (string) */ } else { val = control.val(); } return (val == undefined) ? 0 : eeunpackdropdownvalue(val); } function myIsNaN(x){return(isNaN(x)||(typeof x=='number'&&!isFinite(x)));}; function mod(n,d){return n-d*Math.floor(n/d);}; function round(n,nd){if(isFinite(n)&&isFinite(nd)){var sign_n=(n<0)?-1:1;var abs_n=Math.abs(n);var factor=Math.pow(10,nd);return sign_n*Math.round(abs_n*factor)/factor;}else{return NaN;}}; function sum2(arr,rt,rb){var sum=0;for(var ii=rt;ii<=rb;ii++){sum+=arr[ii]};return sum};function sum3(arr,rt,ct,rb,cb){var sum=0;for(var ii=rt;ii<=rb;ii++){for(var jj=ct;jj<=cb;jj++){sum+=arr[ii][jj]}};return sum}; function sumgeneral(cnt,vsum,vcnt,x){var sum=vsum;for(var ii=0;ii<x.length;ii++){sum+=sum3(x[ii][0],x[ii][1],x[ii][2],x[ii][3],x[ii][4]);};return sum;}; function s2n(str){str=String(str).replace(eedecreg,".");str=str.replace(eethreg,"");str=str.replace(eecurrencyreg,"");var res=parseFloat(str);if(myIsNaN(res))res=0;if(str.search(eepercentreg)>=0)res=res/100;return res;} function v2n(v){switch(typeof v){case "number":return v;case "string":return s2n(v);case "boolean":return v?1:0;case "object":if(v.constructor==Number){return v;};if(v.constructor==String){return s2n(v);};if(v.constructor==Boolean){return v?1:0;};return Number.NaN;default:return Number.NaN;}}; var near0RegExp=new RegExp("[.](.*0000000|.*9999999)");function eedisplayFloat(x){if(myIsNaN(x)){return Number.NaN;}else{var str=String(x);if(near0RegExp.test(str)){x=round(x,8);str=String(x);}return str.replace(/\./g,eedec);}}; function eedisplayScientific(x,nd){if(myIsNaN(x)){return Number.NaN;}else{var str=String(x.toExponential(nd));return str.replace(/\./g,eedec);}}; function eedisplayFloatND(x,nd){if(myIsNaN(x)){return Number.NaN;}else{var res=round(x,nd);if(nd>0){var str=String(res);if(str.indexOf('e')!=-1)return str;if(str.indexOf('E')!=-1)return str;var parts=str.split('.');if(parts.length<2){var decimals=('00000000000000').substring(0,nd);return(parts[0]).toString()+eedec+decimals;}else{var decimals=((parts[1]).toString()+'00000000000000').substring(0,nd);return(parts[0]).toString()+eedec+decimals;}}else{return res;}}}; function eedisplayPercent(x){if(myIsNaN(x)){return Number.NaN;}else{return eedisplayFloat(x*100)+'%';}}; function eedisplayPercentND(x,nd){if(myIsNaN(x)){return Number.NaN;}else{return eedisplayFloatND(x*100,nd)+'%';}} function eedisplayFloatNDTh(x,nd){if(myIsNaN(x)){return Number.NaN;}else{var res=round(x,nd);if(nd>0){var str=String(res);if(str.indexOf('e')!=-1)return str;if(str.indexOf('E')!=-1)return str;var parts=str.split('.');var res2=eeinsertThousand(parts[0].toString());if(parts.length<2){var decimals=('00000000000000').substring(0,nd);return(res2+eedec+decimals);}else{var decimals=((parts[1]).toString()+'00000000000000').substring(0,nd);return(res2+eedec+decimals);}}else{return(eeinsertThousand(res.toString()));}}}; function eedisplayPercentNDTh(x,nd){if(myIsNaN(x)){return Number.NaN;}else{return eedisplayFloatNDTh(x*100,nd)+'%';}} function eeinsertThousand(whole){if(whole==""||whole.indexOf("e")>=0){return whole;}else{var minus_sign="";if(whole.charAt(0)=="-"){minus_sign="-";whole=whole.substring(1);};var res="";var str_length=whole.length-1;for(var ii=0;ii<=str_length;ii++){if(ii>0&&ii%3==0){res=eeth+res;};res=whole.charAt(str_length-ii)+res;};return minus_sign+res;}}; function eedatefmt(fmt,x){if(!isFinite(x))return Number.NaN;var padding=0;var tmp=0;var res="";var len=fmt.length;for(var ii=0;ii<len;ii++){if(fmt[ii]>31){res+=fmtstrings[fmt[ii]-32];}else{switch(fmt[ii]){case 2:res+=eemonth(x);break;case 3:tmp=eemonth(x);if(tmp<10){res+="0";};res+=tmp;break;case 4:res+=fmtmonthnamesshort[eemonth(x)-1];break;case 5:res+=fmtmonthnameslong[eemonth(x)-1];break;case 6:res+=eeday(x);break;case 7:tmp=eeday(x);if(tmp<10){res+="0";};res+=tmp;break;case 8:res+=fmtdaynamesshort[weekday(x,1)-1];break;case 9:res+=fmtdaynameslong[weekday(x,1)-1];break;case 10:tmp=year(x)%100;if(tmp<10){res+="0";};res+=tmp;break;case 11:res+=year(x);break;case 12:res+=hour(x);break;case 13:tmp=hour(x);if(tmp<10){res+="0";};res+=tmp;break;case 14:tmp=hour(x)%12;if(tmp==0){res+="12";}else{res+=tmp%12;};break;case 15:tmp=hour(x)%12;if(tmp==0){res+="12";}else{if(tmp<10){res+="0";};res+=tmp;};break;case 16:res+=minute(x);break;case 17:tmp=minute(x);if(tmp<10){res+="0";};res+=tmp;break;case 18:res+=second(x);break;case 19:tmp=second(x); if(tmp<10){res+="0";};res+=tmp;break;case 21:case 22:if(hour(x)<12){res+="AM";}else{res+="PM";};break;case 23:res+=eedisplayFloat(x);break;case 24:tmp=fmt[++ii];res+=eedisplayFloatND(x,tmp);break;case 25:tmp=fmt[++ii];res+=eedisplayFloatNDTh(x,tmp);break;case 26:res+=eedisplayPercent(x);break;case 27:tmp=fmt[++ii];res+=eedisplayPercentND(x,tmp);break;case 28:tmp=fmt[++ii];res+=eedisplayPercentNDTh(x,tmp);break;case 29:tmp=fmt[++ii];res+=eedisplayScientific(x,tmp);break;case 30:padding=fmt[++ii];tmp=hour(x)+Math.floor(x)*24;tmp=tmp.toString();if(tmp.length<padding){res+=('00000000000000').substring(0,padding-tmp.length);}res+=tmp;break;};};};return res;}; function eeunpackdropdownvalue(val) {if (val.length<2) return val;var typ = val.substring(0, 2);var data = val.substring(2);if (typ == 'b:') return data.toLowerCase() == 'true';if (typ == 'n:') return parseFloat(data);if (typ == 's:') return data;return val; }; function leap_gregorian(year){return((year%4)==0)&&(!(((year%100)==0)&&((year%400)!=0)));}var GREGORIAN_EPOCH=1721425;function gregorian_to_jd(year,month,day){return(GREGORIAN_EPOCH-0)+(365*(year-1))+Math.floor((year-1)/4)+(-Math.floor((year-1)/100))+Math.floor((year-1)/400)+Math.floor((((367*month)-362)/12)+((month<=2)?0:(leap_gregorian(year)?-1:-2))+day);}function jd_to_gregorian(jd){var wjd,depoch,quadricent,dqc,cent,dcent,quad,dquad,yindex,year,yearday,leapadj;wjd=Math.floor(jd);depoch=wjd-GREGORIAN_EPOCH-1;quadricent=Math.floor(depoch/146097);dqc=mod(depoch,146097);cent=Math.floor(dqc/36524);dcent=mod(dqc,36524);quad=Math.floor(dcent/1461);dquad=mod(dcent,1461);yindex=Math.floor(dquad/365);year=(quadricent*400)+(cent*100)+(quad*4)+yindex;if(!((cent==4)||(yindex==4))){year++;}yearday=wjd-gregorian_to_jd(year,1,1);leapadj=((wjd<gregorian_to_jd(year,3,1))?0:(leap_gregorian(year)?1:2));var month=Math.floor((((yearday+leapadj)*12)+373)/367);var day=(wjd-gregorian_to_jd(year,month,1))+1; return new Array(year,month,day);} function eeday(serial_number){if(!isFinite(serial_number))return Number.NaN;if(serial_number<1){return 0;}if(serial_number>60)serial_number--;var res=jd_to_gregorian(serial_number+2415020);return res[2];}; function hour(serial_number){if(!isFinite(serial_number))return Number.NaN;var res=Math.floor((serial_number-Math.floor(serial_number))*86400+0.5);return Math.floor(res/3600);} function minute(serial_number){if(!isFinite(serial_number))return Number.NaN;var res=Math.floor((serial_number-Math.floor(serial_number))*86400+0.5);return Math.floor(res/60)%60;}; function eemonth(serial_number){if(!isFinite(serial_number))return Number.NaN;if(serial_number<1){return 1;}if(serial_number>60)serial_number--;var res=jd_to_gregorian(serial_number+2415020);return res[1];}; function second(serial_number){if(!isFinite(serial_number))return Number.NaN;var res=Math.floor((serial_number-Math.floor(serial_number))*86400+0.5);return res%60;}; function weekday(serial_number,return_type){if(!isFinite(return_type)||!isFinite(serial_number))return Number.NaN;if(return_type<1||return_type>3)return Number.NaN;var res=Math.floor(serial_number+6)%7;switch(Math.floor(return_type)){case 1:return res+1;case 2:return(res+6)%7+1;case 3:return(res+6)%7;};return "hej";}; function year(serial_number){if(!isFinite(serial_number))return Number.NaN;if(serial_number<1){return 1900;}if(serial_number>60)serial_number--;var res=jd_to_gregorian(serial_number+2415020);return res[0];}; function pmt(rate,nper,pv,fv,type){if(rate==0){return-pv/nper;}else{var pvif=Math.pow(1+rate,nper);var fvifa=(Math.pow(1+rate,nper)-1)/rate;var type1=(type!=0)?1:0;return((-pv*pvif-fv)/((1+rate*type1)*fvifa));}}; function eequerystring(){ var variable,key,value,ii,querystring,variables;querystring=document.location.search; if(querystring.length>0){ variables=querystring.substring(1).split('&'); for(ii=0;ii<variables.length;ii++){ variable=variables[ii].split('='); key=unescape(variable[0]) value=unescape(variable[1]); if(document.formc[key]!=null) document.formc[key].value=value; } } } function LoadFromQueryString(){ eequerystring(); }; function navigate(e){var t=e.keyCode|e.which;if(t!=13&&t!=40&&t!=38)return;var n=$(e.target||e.srcElement);if(n.is("textarea"))return;if(n.is("select")&&(t==38||t==40))return;var r=parseInt(n.attr("data-sheet"),10);var i=parseInt(n.attr("data-row"),10);var s=parseInt(n.attr("data-col"),10);var o=false;var u=$("#sheet-"+r+"");var a='input:not(":hidden,:button,[readonly=readonly],:disabled"),select,a.ui-slider-handle,textarea';var f=i+1;var l=i-1;var c=f;var h=l;while(t==40&&f<=c||t==38&&l>=h){var p=u.find(a).filter("[data-sheet="+r+"][data-row="+(t==38?l:f)+"][data-col="+s+"]");if(p.length>0){p.focus();if(p.is("input:text, textarea"))p.select();o=true;break}else{var d;if(u.data("col"+s)==undefined){d=u.find(a).filter("[data-sheet="+r+"][data-col="+s+"]").map(function(){return parseInt($(this).attr("data-row"),10)}).toArray();u.data("col"+s,d)}else{d=u.data("col"+s)}c=d[d.length-1];h=d[0];var v="indexOf"in Array.prototype?d.indexOf(i):$.inArray(i,d);if(t==40&&i<c){f=d[v+1]}else if(t==38&&i>h){l=d[v-1]}else{break}}}if(!o){var m;if(t==38)m=parseInt(n.attr("tabindex"),10)-1;else m=parseInt(n.attr("tabindex"),10)+1;var g=u.find(a).filter("[data-sheet][data-row][data-col][tabindex="+m+"]");if(g.length>0){if(g.is(":radio"))g=g.filter(":checked");if(g.length>0){g.focus();if(g.is("input:text, textarea"))g.select()}}else{var y=u.find(a).filter("[data-sheet][data-row][data-col][tabindex]:first");y.focus();if(y.is("input:text, textarea"))y.select()}}e.preventDefault?e.preventDefault():e.returnValue=false} var ssccf1n = function(op,id,css,data1){ switch(op) { case 'image': $('#' + id).attr('src',$('#'+data1).attr('src')); break; } }; var ssccf4n = function(op,id,colors,data1,data2,data3,data4){ switch(op) { } }; </script> </html>In reply to: Ajax Portfolio Preview location
Hey Josue
Thank you for that I commented those line but the Ajax preview still opens at the top of the page. The only thing that changed by removing those lines is that the page does not scroll automatically on top. Is there any way to show the Ajax preview at the same location of te quadrant?
Alternatively I am trying to use the Ajax mode to show list of publications so that when one click on the tittle the abstract opens. Do you know any good plugin to have something similar? The only one I know is teachPress but the design is not that good.
Thanks for the help!
Topic: Full hight doesn't work
Hi Kriesi-Team,
together with your support I added the following:
#galerie .container {
width: 100% !important;
height: auto !important;
margin-top: -47px;
}Now I’m having 2 issues here:
1. Do I really have to add “margin-top: -47px;” as I would like to keep it 100% responsive without any absolute px-values.
2. In the gallery it first looks good, but as soon as I scroll down I start to see a line at the bottom of the header (I’m testing it with Chrome)In reply to: Slide show duration and tooltips
Hi trevorjohnston!
Thank you for using Enfold.
1.) You can set the Slider autorotation duration for each content slider. Edit the element then scroll below to change the autorotation value.
2.) I’m sorry but can you please provide a screenshot of what you’re trying to do?
Best regards,
IsmaelIs there a way to make the fontello icons load automatically rather than upon scrolling down? Some of my pages are not long enough to scroll and the icons in my icon lists don’t show up.
I have a single front page with a nav menu pointing to different sections on the same page. Something is applying both a
.current_page_itemand a.current-menu-itemclass to the first and fifth menu items, respectively. Enfold has the same style for both classes, so it’s showing the current page style on two different menu items.When I scroll down the page, the
.current_page_itemstays on the first menu item, and so does the ‘current’ style, while the.current-menu-itemmoves to the next (sixth) menu item, along with the style again, but no further.Is there a way to have Enfold only apply one of the ‘current’ classes (
.current-menu-itemseems to be the only one that moves with scrolling, so that one), and maybe reset Enfold’s automatic application of.current-menu-itemso that it’s applied to the correct menu item from the start?In reply to: Import Enfold Dummy Content
The dummy data doesn’t include every image used on the theme demo as Kriesi doesn’t have redistribution rights for all of them. That being said, if you wanted to load in the same exact data you could do so by first turning on the debug field for pages: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
Then on a blank page switch over to the ALB and in that new empty debug field paste in the raw shortcode data from the demo [note: you still need to change the layout settings for no sidebar and transparent header and this does not provide the actual images for use]:
[av_fullscreen size='extra_large' animation='fade' autoplay='true' interval='7' scroll_down='aviaTBscroll_down'] [av_fullscreen_slide slide_type='image' id='2553' attachment=',' position='top left' video='http://' mobile_image='' video_cover='' title='This is a page with transparent header' caption_pos='caption_left caption_left_framed caption_framed' link_apply='button' link='lightbox' link_target='' button_label='Show me' button_color='light' link1='#next-section' link_target1='' button_label2='Click me' button_color2='light' link2='http://' link_target2='' video_controls='' video_mute='' video_loop='' video_autoplay=''] Once the user scrolls down the header color will change [/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='2552' attachment=',' position='top left' video='http://' mobile_image='' video_cover='' title='Another caption' caption_pos='caption_right caption_right_framed caption_framed' link_apply='button button-two' link='lightbox' link_target='' button_label='Show me' button_color='light' link1='#next-section' link_target1='' button_label2='Learn more' button_color2='light' link2='#next-section' link_target2='' video_controls='' video_mute='' video_loop='' video_autoplay=''] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque pe. [/av_fullscreen_slide] [/av_fullscreen] [av_one_fourth first] [av_icon_box icon='59' position='left' title='Free Support'] Aenean commodo ligula eget dolor. Lorem <strong>ipsum</strong> dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque<strong> </strong>Aenean massa. [/av_icon_box] [/av_one_fourth] [av_one_fourth] [av_icon_box icon='2' position='left' title='Mobile Ready'] Cum sociis <strong>natoque</strong>. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_fourth] [av_one_fourth] [av_icon_box icon='125' position='left' title='Updates'] Cum sociis natoque <strong>sadfsadfas </strong>Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_fourth] [av_one_fourth] [av_icon_box icon='36' position='left' title='SEO Optimized'] Aenean commodo ligula eget dolor. <strong>Aenean massa</strong>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_fourth] [av_section color='main_color' custom_bg='' src='http://kriesi.at/themes/enfold/files/2013/10/woman-flinging-long-hair-1500x1000.jpg' attachment='2576' attach='parallax' position='top left' repeat='no-repeat' video='' video_ratio='16:9' min_height='75' padding='default' shadow='no-shadow' id=''] [av_one_third first] [av_icon_box icon='ue806' font='entypo-fontello' position='top' title='Mobile Ready' link='' linktarget='' linkelement=''] Cum sociis <strong>natoque</strong>. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_third][av_one_third] [av_icon_box icon='ue836' font='entypo-fontello' position='top' title='SEO Optimized' link='' linktarget='' linkelement=''] Aenean commodo ligula egconsectetueret dolor sit amlor. <strong>Aenean massa</strong>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_third][av_one_third] [av_icon_box icon='ue842' font='entypo-fontello' position='top' title='Free Support' link='' linktarget='' linkelement=''] Aenean commodo ligula eget dolor. Lorem <strong>ipsum</strong> dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque<strong> </strong>Aenean massa. [/av_icon_box] [/av_one_third] [/av_section] [av_section color='main_color' custom_bg='' src='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' video_mobile_disabled='' min_height='' padding='default' shadow='no-shadow' id=''] [av_one_fourth first] [av_textblock] <h6>Recent News</h6> <em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</em> <a href="#">View more</a> [/av_textblock] [/av_one_fourth][av_three_fourth] [av_postslider link='category,3' columns='3' items='3' contents='title' autoplay='no' interval='5'] [/av_three_fourth][av_hr class='default' height='50' position='center'] [av_one_fourth first] [av_textblock] <h6>Recent Work</h6> <em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</em> <a href="#">View more</a> [/av_textblock] [/av_one_fourth][av_three_fourth] [av_postslider link='portfolio_entries' columns='3' items='3' contents='title' autoplay='no' interval='5'] [/av_three_fourth] [/av_section] [av_section color='socket_color' custom_bg='' src='http://kriesi.at/themes/enfold/files/2013/10/photodune-3581207-black-in-black-m-1500x1182.jpg' attachment='2572' attach='parallax' position='top left' repeat='stretch' video='' video_ratio='16:9' min_height='75' padding='large' shadow='no-shadow' id='portfolio'] [av_heading heading='A beautiful <strong>experience!</strong>' tag='h1' color='custom-color-heading' custom_font='#ffffff' style='blockquote modern-quote modern-centered' size='50' subheading_active='subheading_below' subheading_size='18' padding='60'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/av_heading] [av_one_fifth first] [av_font_icon icon='ue826' font='entypo-fontello' style='border' caption='Eye Candy' link='manually,http://kriesi.at' linktarget='' color='#ffffff' size='40px' position='center'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue856' font='entypo-fontello' style='border' caption='Tools' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center'] We have added exactly the tools you need and left out everything you don't need. Finally a multi purpose Theme that is not bloated! [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue8a5' font='entypo-fontello' style='border' caption='A list' link='post,94' linktarget='' color='#ffffff' size='40px' position='center'] <ol> <li>Super nice Parallax</li> <li>Optimized for Speed</li> <li>Brilliant Template Builder</li> <li>Easy to use</li> <li>Set up in 2 minutes</li> </ol> [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue8a8' font='entypo-fontello' style='border' caption='Updates' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center'] Enfold is an award winning theme that is quickly becoming one of themeforest top sellers. And for a reason! Try it yourself! [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue8dd' font='entypo-fontello' style='border' caption='Rocket Science?' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center'] Far from! Probably the easiest Multipurpose theme you have ever used! [/av_font_icon] [/av_one_fifth] [/av_section]In reply to: Shortcode for home v11: transparent menu
Hi VBM!
If you have the debug field turned on for the drag and drop editor you could add this in to get a basic build of that page:
[av_fullscreen size='extra_large' animation='fade' autoplay='true' interval='7' scroll_down='aviaTBscroll_down'] [av_fullscreen_slide slide_type='image' id='2553' attachment=',' position='top left' video='http://' mobile_image='' video_cover='' title='This is a page with transparent header' caption_pos='caption_left caption_left_framed caption_framed' link_apply='button' link='lightbox' link_target='' button_label='Show me' button_color='light' link1='#next-section' link_target1='' button_label2='Click me' button_color2='light' link2='http://' link_target2='' video_controls='' video_mute='' video_loop='' video_autoplay=''] Once the user scrolls down the header color will change [/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='2552' attachment=',' position='top left' video='http://' mobile_image='' video_cover='' title='Another caption' caption_pos='caption_right caption_right_framed caption_framed' link_apply='button button-two' link='lightbox' link_target='' button_label='Show me' button_color='light' link1='#next-section' link_target1='' button_label2='Learn more' button_color2='light' link2='#next-section' link_target2='' video_controls='' video_mute='' video_loop='' video_autoplay=''] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque pe. [/av_fullscreen_slide] [/av_fullscreen] [av_one_fourth first] [av_icon_box icon='59' position='left' title='Free Support'] Aenean commodo ligula eget dolor. Lorem <strong>ipsum</strong> dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque<strong> </strong>Aenean massa. [/av_icon_box] [/av_one_fourth] [av_one_fourth] [av_icon_box icon='2' position='left' title='Mobile Ready'] Cum sociis <strong>natoque</strong>. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_fourth] [av_one_fourth] [av_icon_box icon='125' position='left' title='Updates'] Cum sociis natoque <strong>sadfsadfas </strong>Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_fourth] [av_one_fourth] [av_icon_box icon='36' position='left' title='SEO Optimized'] Aenean commodo ligula eget dolor. <strong>Aenean massa</strong>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_fourth] [av_section color='main_color' custom_bg='' src='http://kriesi.at/themes/enfold/files/2013/10/woman-flinging-long-hair-1500x1000.jpg' attachment='2576' attach='parallax' position='top left' repeat='no-repeat' video='' video_ratio='16:9' min_height='75' padding='default' shadow='no-shadow' id=''] [av_one_third first] [av_icon_box icon='ue806' font='entypo-fontello' position='top' title='Mobile Ready' link='' linktarget='' linkelement=''] Cum sociis <strong>natoque</strong>. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_third][av_one_third] [av_icon_box icon='ue836' font='entypo-fontello' position='top' title='SEO Optimized' link='' linktarget='' linkelement=''] Aenean commodo ligula egconsectetueret dolor sit amlor. <strong>Aenean massa</strong>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_third][av_one_third] [av_icon_box icon='ue842' font='entypo-fontello' position='top' title='Free Support' link='' linktarget='' linkelement=''] Aenean commodo ligula eget dolor. Lorem <strong>ipsum</strong> dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque<strong> </strong>Aenean massa. [/av_icon_box] [/av_one_third] [/av_section] [av_section color='main_color' custom_bg='' src='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' video_mobile_disabled='' min_height='' padding='default' shadow='no-shadow' id=''] [av_one_fourth first] [av_textblock] <h6>Recent News</h6> <em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</em> <a href="#">View more</a> [/av_textblock] [/av_one_fourth][av_three_fourth] [av_postslider link='category,3' columns='3' items='3' contents='title' autoplay='no' interval='5'] [/av_three_fourth][av_hr class='default' height='50' position='center'] [av_one_fourth first] [av_textblock] <h6>Recent Work</h6> <em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</em> <a href="#">View more</a> [/av_textblock] [/av_one_fourth][av_three_fourth] [av_postslider link='portfolio_entries' columns='3' items='3' contents='title' autoplay='no' interval='5'] [/av_three_fourth] [/av_section] [av_section color='socket_color' custom_bg='' src='http://kriesi.at/themes/enfold/files/2013/10/photodune-3581207-black-in-black-m-1500x1182.jpg' attachment='2572' attach='parallax' position='top left' repeat='stretch' video='' video_ratio='16:9' min_height='75' padding='large' shadow='no-shadow' id='portfolio'] [av_heading heading='A beautiful <strong>experience!</strong>' tag='h1' color='custom-color-heading' custom_font='#ffffff' style='blockquote modern-quote modern-centered' size='50' subheading_active='subheading_below' subheading_size='18' padding='60'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/av_heading] [av_one_fifth first] [av_font_icon icon='ue826' font='entypo-fontello' style='border' caption='Eye Candy' link='manually,http://kriesi.at' linktarget='' color='#ffffff' size='40px' position='center'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue856' font='entypo-fontello' style='border' caption='Tools' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center'] We have added exactly the tools you need and left out everything you don't need. Finally a multi purpose Theme that is not bloated! [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue8a5' font='entypo-fontello' style='border' caption='A list' link='post,94' linktarget='' color='#ffffff' size='40px' position='center'] <ol> <li>Super nice Parallax</li> <li>Optimized for Speed</li> <li>Brilliant Template Builder</li> <li>Easy to use</li> <li>Set up in 2 minutes</li> </ol> [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue8a8' font='entypo-fontello' style='border' caption='Updates' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center'] Enfold is an award winning theme that is quickly becoming one of themeforest top sellers. And for a reason! Try it yourself! [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue8dd' font='entypo-fontello' style='border' caption='Rocket Science?' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center'] Far from! Probably the easiest Multipurpose theme you have ever used! [/av_font_icon] [/av_one_fifth] [/av_section]Best regards,
DevinTopic: 3 small issues
• magazine version of the blog on the home page, is there a way we can show first few words of the story
• in the blog page, is there a way we can show 3 lines of the story instead of only one?
• for some reason only home page and “about” show the red underline when you go to the page. the rest stay blank
P.S. i have few custom CSS maybe one of them is conflicting with the menu underline
————————————————————————
img.avia-builder-el-1 { margin-top: -51px!important; width: 1210px; }#footer {
padding: 0; }.wpcf7 input[type=text] {
width:180px;
margin-bottom:5px;
font-size:11px;
}.wpcf7 textarea {
height:40px;
margin-bottom:5px;
font-size:11px;
}#top #wrap_all .av-social-link-linkedin a {
color: #fff;
background-color: #419cca;
}
#top #wrap_all .av-social-link-twitter a {
color: #fff;
background-color: #737272;
}
#top #wrap_all .av-social-link-instagram a {
color: #fff;
background-color: #737272;
}
#top #wrap_all .av-social-link-gplus a {
color: #fff;
background-color: #737272;
}
#top #wrap_all .av-social-link-facebook a {
color: #fff;
background-color: #737272;
}
#top #wrap_all .av-social-link-vimeo a {
color: #fff;
background-color: #737272;
}
#top #wrap_all .av-social-link-soundcloud a {
color: #fff;
background-color: #737272;
}
#top .social_bookmarks li a { width: 30px; line-height: 30px; min-height: 30px; }
#top .social_bookmarks li { width: 40px; }.html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child {
width: auto;
float: right;
}.avia-menu .menu li a{
border: 0 !important;
}#header_main {
border-bottom: none;
}.logo {
top: 16px;
}
.header-scrolled .logo{
top: 0;
}.tab.widget_tab_comments.tab_counter_2 {
display: none !important;
}.av-magazine-thumbnail {
display: none;
}a.slide-image {
display: none !important;
}
————————————————————————
Two questions about my (static) front page html:
Question 1. Adding alt tag to fullscreen slider image on front page
On my front page, I am using an image inside the fullscreen slider and would like to have the alt tag included. My image has an alt tag applied in the media library.
The code that is generated is:<div id='fullscreen_slider_0' class='avia-fullscreen-slider main_color avia-builder-el-0 el_before_av_textblock avia-builder-el-first container_wrap sidebar_right' ><a href='#next-section' title='' class='scroll-down-link'aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'></a><div data-size='no scaling' data-lightbox_size='large' data-animation='slide' data-ids='3733' data-video_counter='0' data-autoplay='false' data-bg_slider='true' data-slide_height='100' data-handle='av_fullscreen' data-interval='5' data-class=' ' data-css_id='fullscreen_slider_0' data-scroll_down='aviaTBscroll_down' data-custom_markup='' data-stretch='' class='avia-slideshow avia-slideshow-1 av-slider-scroll-down-active avia-slideshow-no scaling av_fullscreen avia-slide-slider ' itemscope="itemscope" itemtype="https://schema.org/ImageObject" ><ul class='avia-slideshow-inner' ><li style='background-position:center center;' data-img-url='http://WEBSITENAME.com/blog/wp-content/uploads/2014/09/sarasota-downtown-events.jpg' class=' av-single-slide slide-1 ' ><div data-rel='slideshow-1' class='avia-slide-wrap' ><div class = "caption_fullwidth caption_bottom caption_bottom_framed caption_framed"><div class = "container caption_container"><div class = "slideshow_caption"><div class = "slideshow_inner_caption"><div class = "slideshow_align_caption"><h2 class='avia-caption-title' itemprop="name" >CAPTION TEXT</h2><div class='avia-caption-content' itemprop="description" ><p>MORE TEXT<br /> </p>Lots of code, but no alt tag. Can I add it somehow?
Question 2. Using this theme, I see that I have no h1 on my front page.
I use a logo for my company name, the caption inside of the slider is an h2 and the remaining content on the front is h2 or smaller. Is there a consensus about the need for an h1 tag on the front page? I have a title which includes my business name and tagline, and my logo image has an alt tag with my business name. Is there a need to create an h1 on the front page? If so, how?Thanks for all the help you have been providing as I learn this new theme.
In reply to: Creating Pages Like the Demo?
The reason we don’t have a how-to for every page on the demo is because the dummy data that can be imported from the theme options already includes all of the home pages. So when you import it in, you get that page fully created for you.
If you turn on the debug field for the ALB you could paste in the raw shortcode data on a new page which would prepopulate the layout editor with the elements that are on that page. Here is the raw data for that:
[av_fullscreen size='extra_large' animation='fade' autoplay='true' interval='7' scroll_down='aviaTBscroll_down'] [av_fullscreen_slide slide_type='image' id='2553' attachment=',' position='top left' video='http://' mobile_image='' video_cover='' title='This is a page with transparent header' caption_pos='caption_left caption_left_framed caption_framed' link_apply='button' link='lightbox' link_target='' button_label='Show me' button_color='light' link1='#next-section' link_target1='' button_label2='Click me' button_color2='light' link2='http://' link_target2='' video_controls='' video_mute='' video_loop='' video_autoplay=''] Once the user scrolls down the header color will change [/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='2552' attachment=',' position='top left' video='http://' mobile_image='' video_cover='' title='Another caption' caption_pos='caption_right caption_right_framed caption_framed' link_apply='button button-two' link='lightbox' link_target='' button_label='Show me' button_color='light' link1='#next-section' link_target1='' button_label2='Learn more' button_color2='light' link2='#next-section' link_target2='' video_controls='' video_mute='' video_loop='' video_autoplay=''] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque pe. [/av_fullscreen_slide] [/av_fullscreen] [av_one_fourth first] [av_icon_box icon='59' position='left' title='Free Support'] Aenean commodo ligula eget dolor. Lorem <strong>ipsum</strong> dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque<strong> </strong>Aenean massa. [/av_icon_box] [/av_one_fourth] [av_one_fourth] [av_icon_box icon='2' position='left' title='Mobile Ready'] Cum sociis <strong>natoque</strong>. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_fourth] [av_one_fourth] [av_icon_box icon='125' position='left' title='Updates'] Cum sociis natoque <strong>sadfsadfas </strong>Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_fourth] [av_one_fourth] [av_icon_box icon='36' position='left' title='SEO Optimized'] Aenean commodo ligula eget dolor. <strong>Aenean massa</strong>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_fourth] [av_section color='main_color' custom_bg='' src='http://kriesi.at/themes/enfold/files/2013/10/woman-flinging-long-hair-1500x1000.jpg' attachment='2576' attach='parallax' position='top left' repeat='no-repeat' video='' video_ratio='16:9' min_height='75' padding='default' shadow='no-shadow' id=''] [av_one_third first] [av_icon_box icon='ue806' font='entypo-fontello' position='top' title='Mobile Ready' link='' linktarget='' linkelement=''] Cum sociis <strong>natoque</strong>. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_third][av_one_third] [av_icon_box icon='ue836' font='entypo-fontello' position='top' title='SEO Optimized' link='' linktarget='' linkelement=''] Aenean commodo ligula egconsectetueret dolor sit amlor. <strong>Aenean massa</strong>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_third][av_one_third] [av_icon_box icon='ue842' font='entypo-fontello' position='top' title='Free Support' link='' linktarget='' linkelement=''] Aenean commodo ligula eget dolor. Lorem <strong>ipsum</strong> dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque<strong> </strong>Aenean massa. [/av_icon_box] [/av_one_third] [/av_section] [av_section color='main_color' custom_bg='' src='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' video_mobile_disabled='' min_height='' padding='default' shadow='no-shadow' id=''] [av_one_fourth first] [av_textblock] <h6>Recent News</h6> <em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</em> <a href="#">View more</a> [/av_textblock] [/av_one_fourth][av_three_fourth] [av_postslider link='category,3' columns='3' items='3' contents='title' autoplay='no' interval='5'] [/av_three_fourth][av_hr class='default' height='50' position='center'] [av_one_fourth first] [av_textblock] <h6>Recent Work</h6> <em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</em> <a href="#">View more</a> [/av_textblock] [/av_one_fourth][av_three_fourth] [av_postslider link='portfolio_entries' columns='3' items='3' contents='title' autoplay='no' interval='5'] [/av_three_fourth] [/av_section] [av_section color='socket_color' custom_bg='' src='http://kriesi.at/themes/enfold/files/2013/10/photodune-3581207-black-in-black-m-1500x1182.jpg' attachment='2572' attach='parallax' position='top left' repeat='stretch' video='' video_ratio='16:9' min_height='75' padding='large' shadow='no-shadow' id='portfolio'] [av_heading heading='A beautiful <strong>experience!</strong>' tag='h1' color='custom-color-heading' custom_font='#ffffff' style='blockquote modern-quote modern-centered' size='50' subheading_active='subheading_below' subheading_size='18' padding='60'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/av_heading] [av_one_fifth first] [av_font_icon icon='ue826' font='entypo-fontello' style='border' caption='Eye Candy' link='manually,http://kriesi.at' linktarget='' color='#ffffff' size='40px' position='center'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue856' font='entypo-fontello' style='border' caption='Tools' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center'] We have added exactly the tools you need and left out everything you don't need. Finally a multi purpose Theme that is not bloated! [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue8a5' font='entypo-fontello' style='border' caption='A list' link='post,94' linktarget='' color='#ffffff' size='40px' position='center'] <ol> <li>Super nice Parallax</li> <li>Optimized for Speed</li> <li>Brilliant Template Builder</li> <li>Easy to use</li> <li>Set up in 2 minutes</li> </ol> [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue8a8' font='entypo-fontello' style='border' caption='Updates' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center'] Enfold is an award winning theme that is quickly becoming one of themeforest top sellers. And for a reason! Try it yourself! [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue8dd' font='entypo-fontello' style='border' caption='Rocket Science?' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center'] Far from! Probably the easiest Multipurpose theme you have ever used! [/av_font_icon] [/av_one_fifth] [/av_section]Hi Ismael!
This works: the images are not shown bigger than their full size anymore.
But: would there be a way to make the gallery ajust vertically automatically to the size of the browser window?
Take for example my page; I would like that people browsing on an iPad see the whole picture without having to scroll, but I still have to upload a big full size to enable them to click on it and see more details (then they will have to scroll but that’s okay)
Best thanks for your help!
CB
In reply to: new header styles – messed up my site – dang
I had to adapt 2: but this got me very close so thanks.
As for 3: this is working on the finished effect but is falling a bit short of what I want as a finished effect. If you look at the normal full size logo on shrink, the logo shrinks automatically as the header shrinks in infinite steps. This code doesn’t do that. From what I can tell at 50% of the header shrink the code activates and it shrinks the whole thing in one shot. But right before this it is cutting off the bottom of the logo pretty badly. You can see it if you slowly scroll down. It looks good at the start and end but not the middle.
how do we constrain the shrinking percentage wise to match that of the shrinking header (the same effect that is natively on the logo.
thanks
In reply to: Portfolio Grid – AJAX Portfolio Preview
Josue – like icuk, I am trying to prevent the page from autoscrolling to the open portfoilio item. Can you advise how to remove the scroll, without affecting the normal behavior of the ajax portfolio?
Topic: Transparent Header Issue
Hello I have 2 questions related to the transparent header configuration
Website: http://rcgauto.staging.wpengine.com/ (hosted on WPengine)
Q1)When the page loads the social icons on the top line are white, they become dark when the visitor scrolls down. This is a great feature – is it possible to have the phone number on the left to behave the same way ? Also a potential glitch – header is not visible on mobile view on the iPhone
Q2)Can you suggest how to configure main image so that it takes up the whole page – similar to this demo page http://kriesi.at/themes/enfold/homepage/transparent-header/ – I’m using LayerSlider WP to display the image.
In reply to: responsive on mobile
Hi!
Thank you for the update.
Please use this on Quick CSS or custom.css:
@media only screen and (max-width: 767px) { .responsive #top #header { position: relative; width: auto; height: 200px; top: 80px; } .header_color { background: transparent url(https://cashfactory.ie/wp-content/uploads/2013/04/header34.png) top left no-repeat scroll; background-size: 100%; } .header_color .header_bg { background: transparent url(https://cashfactory.ie/wp-content/uploads/2013/04/header34.png) top left no-repeat scroll; background-size: 100%; } }You set the logo as header background, that’s why it is not responsive. Please hire a freelance developer to fix any other issues that may come up with your customization. Thank you for your understanding.
Best regards,
IsmaelHello,
I am trying to translate http://www.franchiseelites.com to different languages using WPML plugin. I started with Farsi which is a RTL language. I have a couple of problems and I am going to ask all of them if you don’t mind in one post:
1) I know there is a rtl.css file in enfold. Should I do anything to tell my pages use that file or when I translate a page to Farsi it automatically starts using it?
2) I am trying to use a different font in Farsi pages using bellow code:
@font-face {
font-family:”BBCNassim”;
src: url( “http://f.manmote.com/font/BBCNassim.eot” );
src: local( “☺” ),
url( “http://f.manmote.com/font/BBCNassim.woff” )
format( “woff” ),
url( “http://f.manmote.com/font/BBCNassim.ttf” )
format( “truetype” );
}
.page-id-1233 { font-family: “BBCNassim” !important;
}.page-id-1233 h1, h2, h3, h4, h5, h6, socket, footer, header, caption { font-family: “BBCNassim”, “Tahoma”!important;
}However I have a couple of problems. The font doesn’t appear on IE and FireFox and it is only good on Chrome. Also Icon Caption doesn’t use that font. How can I apply that font to the whole Farsi website? How Can I solve appearance problem in IE and Firefox?
3) In the Farsi version of my Home page there is a gap above my header which is back and as I start scrolling it becomes transparent. it doesn’t have anything to do with being logged in wordpress. I don’t have the same problem with English version. please help me correct this.
Hi!
Thank you for the info.
It might be a problem with the database. Try to restore a backup of the database or try it on a test server. If possible, try to do a database repair. Also, if you have the time, scroll through the media library then delete all images without a thumbnail. Upload them again.
If all else fails, try using this:
.av-magazine-thumbnail img, img { width: auto !important; height: auto !important; }Regards,
IsmaelHello Kriesi support,
Website: http://www.bardactest.dreamhosters.com
On all pages except the home page, my shrinking headers and “to top” arrow do not work. Any suggestions as to what might be causing this? I do see a small gray bar beneath the header that seems to shrink as I scroll the page down, but it’s not connected to the header. What .js or .css files are associated with these two features?
Don’t know if it is related, but my page does not recognize the top of the page as right beneath the header, but rather somewhere underneath it. For example, when you go to this page: http://bardactest.dreamhosters.com/smart-automation-overview and click the “drive.web Elements” link towards the top of the page, it puts the desired anchor at the literal top of the page rather than underneath the header.
Thanks!
– JulianTopic: one page layout
hey guys
have been using your theme for a while now and only have one question. is there any way to make the menu at the top act like this theme here : http://artbees.net/themes/jupiter-one-page/I want to be able to hit a menu selection and it scroll down automatically. is that possible? would love to be able to do that with your theme because I know it in and out now. let me know thanks
In reply to: Home page
Hi!
Please create a new page, name it HomepageV11 and add this code into the standard editor:
[av_fullscreen size='extra_large' animation='fade' autoplay='true' interval='7' scroll_down='aviaTBscroll_down'] [av_fullscreen_slide slide_type='image' id='2553' attachment=',' position='top left' video='http://' mobile_image='' video_cover='' title='This is a page with transparent header' caption_pos='caption_left caption_left_framed caption_framed' link_apply='button' link='lightbox' link_target='' button_label='Show me' button_color='light' link1='#next-section' link_target1='' button_label2='Click me' button_color2='light' link2='http://' link_target2='' video_controls='' video_mute='' video_loop='' video_autoplay=''] Once the user scrolls down the header color will change [/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='2552' attachment=',' position='top left' video='http://' mobile_image='' video_cover='' title='Another caption' caption_pos='caption_right caption_right_framed caption_framed' link_apply='button button-two' link='lightbox' link_target='' button_label='Show me' button_color='light' link1='#next-section' link_target1='' button_label2='Learn more' button_color2='light' link2='#next-section' link_target2='' video_controls='' video_mute='' video_loop='' video_autoplay=''] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque pe. [/av_fullscreen_slide] [/av_fullscreen] [av_one_fourth first] [av_icon_box icon='59' position='left' title='Free Support'] Aenean commodo ligula eget dolor. Lorem <strong>ipsum</strong> dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque<strong> </strong>Aenean massa. [/av_icon_box] [/av_one_fourth] [av_one_fourth] [av_icon_box icon='2' position='left' title='Mobile Ready'] Cum sociis <strong>natoque</strong>. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_fourth] [av_one_fourth] [av_icon_box icon='125' position='left' title='Updates'] Cum sociis natoque <strong>sadfsadfas </strong>Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_fourth] [av_one_fourth] [av_icon_box icon='36' position='left' title='SEO Optimized'] Aenean commodo ligula eget dolor. <strong>Aenean massa</strong>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_fourth] [av_section color='main_color' custom_bg='' src='http://kriesi.at/themes/enfold/files/2013/10/woman-flinging-long-hair-1500x1000.jpg' attachment='2576' attach='parallax' position='top left' repeat='no-repeat' video='' video_ratio='16:9' min_height='75' padding='default' shadow='no-shadow' id=''] [av_one_third first] [av_icon_box icon='ue806' font='entypo-fontello' position='top' title='Mobile Ready' link='' linktarget='' linkelement=''] Cum sociis <strong>natoque</strong>. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_third][av_one_third] [av_icon_box icon='ue836' font='entypo-fontello' position='top' title='SEO Optimized' link='' linktarget='' linkelement=''] Aenean commodo ligula egconsectetueret dolor sit amlor. <strong>Aenean massa</strong>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_third][av_one_third] [av_icon_box icon='ue842' font='entypo-fontello' position='top' title='Free Support' link='' linktarget='' linkelement=''] Aenean commodo ligula eget dolor. Lorem <strong>ipsum</strong> dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque<strong> </strong>Aenean massa. [/av_icon_box] [/av_one_third] [/av_section] [av_section color='main_color' custom_bg='' src='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' video_mobile_disabled='' min_height='' padding='default' shadow='no-shadow' id=''] [av_one_fourth first] [av_textblock] <h6>Recent News</h6> <em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</em> <a href="#">View more</a> [/av_textblock] [/av_one_fourth][av_three_fourth] [av_postslider link='category,3' columns='3' items='3' contents='title' autoplay='no' interval='5'] [/av_three_fourth][av_hr class='default' height='50' position='center'] [av_one_fourth first] [av_textblock] <h6>Recent Work</h6> <em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</em> <a href="#">View more</a> [/av_textblock] [/av_one_fourth][av_three_fourth] [av_postslider link='portfolio_entries' columns='3' items='3' contents='title' autoplay='no' interval='5'] [/av_three_fourth] [/av_section] [av_section color='socket_color' custom_bg='' src='http://kriesi.at/themes/enfold/files/2013/10/photodune-3581207-black-in-black-m-1500x1182.jpg' attachment='2572' attach='parallax' position='top left' repeat='stretch' video='' video_ratio='16:9' min_height='75' padding='large' shadow='no-shadow' id='portfolio'] [av_heading heading='A beautiful <strong>experience!</strong>' tag='h1' color='custom-color-heading' custom_font='#ffffff' style='blockquote modern-quote modern-centered' size='50' subheading_active='subheading_below' subheading_size='18' padding='60'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/av_heading] [av_one_fifth first] [av_font_icon icon='ue826' font='entypo-fontello' style='border' caption='Eye Candy' link='manually,http://kriesi.at' linktarget='' color='#ffffff' size='40px' position='center'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue856' font='entypo-fontello' style='border' caption='Tools' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center'] We have added exactly the tools you need and left out everything you don't need. Finally a multi purpose Theme that is not bloated! [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue8a5' font='entypo-fontello' style='border' caption='A list' link='post,94' linktarget='' color='#ffffff' size='40px' position='center'] <ol> <li>Super nice Parallax</li> <li>Optimized for Speed</li> <li>Brilliant Template Builder</li> <li>Easy to use</li> <li>Set up in 2 minutes</li> </ol> [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue8a8' font='entypo-fontello' style='border' caption='Updates' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center'] Enfold is an award winning theme that is quickly becoming one of themeforest top sellers. And for a reason! Try it yourself! [/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue8dd' font='entypo-fontello' style='border' caption='Rocket Science?' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center'] Far from! Probably the easiest Multipurpose theme you have ever used! [/av_font_icon] [/av_one_fifth] [/av_section]Then switch to the template builder and Enfold should convert the code to a template. Note that you probably need to replace the slideshow images, etc. with some custom images on your server.
Cheers!
PeterIn reply to: Portfolio Grid – AJAX Portfolio Preview
Hey Ben!
I couldn’t note the autoscrolling when i loaded the page, are you referring to the loading circle animation?
Best regards,
JosueIn reply to: Portfolio Grid – AJAX Portfolio Preview
Hi Josue,
Great that worked, many thanks.
Is it also possible to stop the page auto-scrolling to the top of the ajax-portfolio on load.
See http://www.shflooring.co.uk/haro-laminate-flooring
Thanks
BenHi there
We made some changes using custom css to increase the size of the top grey bar (where the social icons are). CSS below. A side effect of this is a semi-transparent area below the navigation covering the slider. I haven’t been able to find a fix for this as scrolling changes the size of the navigation area dynamically. Can you help?
.social_bookmarks {float: right;}
.sub_menu {left: 0 !important; right: auto !important; font-size: 110% !important; margin-top: -6px !important;}
.social_header .phone-info span {padding: 0 !important; margin: 0 !important; color: white;}
#header_meta {min-height: 50px;}
#top .social_bookmarks {height: 50px !important;}
#top .social_bookmarks li {width: 50px !important;}
#top .social_bookmarks li a {font-size: 150%; padding: 9px; color: white; width: 50px; min-height: 50px;}
.social_header .phone-info {font-weight:200;}Cheers
In reply to: RESPONSIVE NOT WORKING
Hi Yigit,
Thank you for your help on that.
The problem is that if I reduce the pages to a tablet size for exemple, the content of the main part of the page is not resizing and I have to scroll down to see the footer of the page.
Correct me if I’m wrong but the content of the main part of the page should be automatically reduced in size so that the footer of the page is always visible without scrolling. Is it correct ?
When I’m on my screen, full size ( 1920×1080 ) I have everything but if I go the the tablet screen size, the content of the main part of the page, except the photos ( they resize correctly ) has always the same size and I have to scroll down.
What surprises me is that, when I go on Enfold demo page ( http://kriesi.at/themedemo/?theme=enfold ), everything works fine
whatever size of window I choose. Did I miss something in the setup ?Any idea ?
Thank you.
In reply to: White space below logo
Hey!
Try with this code instead:
#header_main .container, .logo, .logo a, .logo img { width: 100%; margin: 0; } .logo img { padding: 0; } div#header_main { max-height: 122px; } .html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 158px; } .header-scrolled #header_main .container, .header-scrolled .logo, .header-scrolled .logo a, .header-scrolled .logo img { width: auto !important; margin: 0; } .header-scrolled .logo img { padding: 5px 0; }Best regards,
JosueIn reply to: Full width easyslider in html
Hi Team Enfold,
I have an issue with the Anchor Scroll on my site when viewing it on Firefox, Chrome and Explorer – not Safari.
When I click on a menu it automatically scrolls down to the right color section as planned, however the menu highlights the wrong section.How can this be?
Br
ChangeGroup
In reply to: Portfolio items gallery
Sobre lo del texto, es posible localizarlo pero es un poco mas complicado, tendrías que tocar los .mo/.po del theme, lo que estoy haciendo basicamente es poner una condición para ver que idioma esta activo y de acuerdo a eso cambiar el texto:
if(ICL_LANGUAGE_CODE == "es"){ $string = "Ver detalles"; }elseif(ICL_LANGUAGE_CODE == "en"){ $string = "View details"; }else{ $string = ""; }http://www.yachtcharterbcn.com/wp-admin/plugin-editor.php?file=functions.php&a=te&scrollto=72
Para otros idiomas simplemente tendrías que duplicar el “elseif”.Lo del tamaño de fuente la verdad que no lo noto:
Para lo del easy slider intenta agregar este código al Quick CSS:
@media only screen and (max-width: 480px) { .avia-slideshow-inner, .av_slideshow_full li img{ height: 220px !important; width: auto !important; } }Lo de los widgets, esto te va a servir:
http://wpml.org/2011/03/howto-display-different-widgets-per-language/Saludos,
Josue
