-
Search Results
-
In reply to: Tab Section Scroll Down
Hi,
The first one works best by changing the vertical position. The second one auto scrolls down whether I click something or not. So I will go with the first version.
Thanks so much!!!
Thank you, Ismael. Can I add your snippet for the shortcode exactly so for showing
[avs_toc]
in an ALB text block within a post or page manually?
I added your snippet
add_shortcode('avs_toc', 'avs_toc_function'); function avs_toc_function() { $args = array ( 'name' => 'Displayed Everywhere', 'id' => 'av_everywhere', 'description' => '', 'class' => '', 'before_widget' => '<section id="avia_auto_toc-2" class="widget clearfix avia_auto_toc">', 'after_widget' => '<span class="seperator extralight-border"></span></section>', 'before_title' => '', 'after_title' => '', 'widget_id' => 'avia_auto_toc_custom', 'widget_name' => 'Enfold Child Table of Contents', ); $instance = array ( 'title' => 'Toc', 'exclude' => '', 'style' => '', 'level' => 'h1', 'single_only' => 1, 'indent' => 1, 'smoothscroll' => 1, ); $toc = new avia_auto_toc; return $toc->widget($args, $instance); }to my Code-Snippets plugin, where all snippets go, that normally go to the functions.php,
and then added the shortcode [avs_toc] to a text block ALB element in a page, but there is no output at all.Are there any changes to the snippet necessary?
Thanks.Hi,
You can move that code in the includes > loop-index.php file where the post elements reside, right about line 262 where the title is.
echo $title;– And could you please give me a hint, how to make a shortcode out of it please?
The shortcode:
add_shortcode('avs_toc', 'avs_toc_function'); function avs_toc_function() { $args = array ( 'name' => 'Displayed Everywhere', 'id' => 'av_everywhere', 'description' => '', 'class' => '', 'before_widget' => '<section id="avia_auto_toc-2" class="widget clearfix avia_auto_toc">', 'after_widget' => '<span class="seperator extralight-border"></span></section>', 'before_title' => '', 'after_title' => '', 'widget_id' => 'avia_auto_toc_custom', 'widget_name' => 'Enfold Child Table of Contents', ); $instance = array ( 'title' => 'Toc', 'exclude' => '', 'style' => '', 'level' => 'h1', 'single_only' => 1, 'indent' => 1, 'smoothscroll' => 1, ); $toc = new avia_auto_toc; return $toc->widget($args, $instance); }You can then use this code to render the toc in the template file:
echo do_shortcode('[avs_toc]');Or use it directly in the editor.
Best regards,
IsmaelHi,
This is possible but you have to modify the single.php file.
Add this code:
$args = array ( 'name' => 'Displayed Everywhere', 'id' => 'av_everywhere', 'description' => '', 'class' => '', 'before_widget' => '<section id="avia_auto_toc-2" class="widget clearfix avia_auto_toc">', 'after_widget' => '<span class="seperator extralight-border"></span></section>', 'before_title' => '', 'after_title' => '', 'widget_id' => 'avia_auto_toc_custom', 'widget_name' => 'Enfold Child Table of Contents', ); $instance = array ( 'title' => 'Toc', 'exclude' => '', 'style' => '', 'level' => 'h1', 'single_only' => 1, 'indent' => 1, 'smoothscroll' => 1, ); $toc = new avia_auto_toc; $toc->widget($args, $instance);Above line 41:
get_template_part( 'includes/loop', 'index' );Yes, you can create a custom shortcode from that.
Best regards,
IsmaelIn reply to: update URL wrong?
Hi perler
This happened to everybody, because Envato (themeforest) changed their API. Therefore the auto-update will not work in this case and you should update the theme manually via FTP.
Please follow this step by step guide I wrote for my case which might help you:
1) Make a full backup of your website using a backup plugin.
2) Safe the backup somewhere outside from the webserver of your website (e.g. on your local computer or in any cloud storage you trust).
3) Sign out from your WordPress website.
4) Go to your themeforest account, sign in and download the updated Enfold v4.5 to your computer. Extract it and search for the file enfold.zip. Extract this file as well to already have your folder ready to be uploaded.
5) Sign in to FTP or SFTP using FileZilla or any other tool which is able to do that.
6) Go to the folder ./wp-content/themes and search for “enfold”. If you want, you can download the enfold folder to your computer as well (just in case you want to restore if afterwards which is easier like that than using the whole backup).
7) Delete the folder enfold via FTP. This may take 5-10min, depending on the server speed obviously.
8) Wait until it is finished and the enfold folder is gone. If that is the case, upload the “new” enfold folder including v4.5 to your website in the same directory.
9) Sign in to your WordPress website again and go to the Enfold tab (or the one from your child theme). Scroll down to the tab called Theme Update.
10) Your current API token will not work anymore as Envato changed some stuff on their API. Therefore you need to remove your current key and generate a new private key as visible in your themeforest account under “Settings” -> “API keys”. Go to https://build.envato.com and follow the steps there. To me, https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#toggle-id-5 was also very helpful (scroll down a bit there to find out about the permissions your private API key needs in order to check for future Enfold updates). Without these permissions it will not work.
11) After revalidating your new private key within the Enfold update tab, you should see a blue rectangle saying when it could be checked for the last time.
12) Done!I hope this helps! Feel free to ask me in case you need any assistance.
Best,
MichaelIn reply to: Latest update gives errors?
Hi Toni
Please follow this step by step guide in order to update Enfold 4.4.1 to 4.5 manually via FTP. This is needed because Envato (themeforest) changed their API. Therefore auto update will not work.
So here we go:
1) Make a full backup of your website using a backup plugin.
2) Safe the backup somewhere outside from the webserver of your website (e.g. on your local computer or in any cloud storage you trust).
3) Sign out from your WordPress website.
4) Go to your themeforest account, sign in and download the updated Enfold v4.5 to your computer. Extract it and search for the file enfold.zip. Extract this file as well to already have your folder ready to be uploaded.
5) Sign in to FTP or SFTP using FileZilla or any other tool which is able to do that.
6) Go to the folder ./wp-content/themes and search for “enfold”. If you want, you can download the enfold folder to your computer as well (just in case you want to restore if afterwards which is easier like that than using the whole backup).
7) Delete the folder enfold via FTP. This may take 5-10min, depending on the server speed obviously.
8) Wait until it is finished and the enfold folder is gone. If that is the case, upload the “new” enfold folder including v4.5 to your website in the same directory.
9) Sign in to your WordPress website again and go to the Enfold tab (or the one from your child theme). Scroll down to the tab called Theme Update.
10) Your current API token will not work anymore as Envato changed some stuff on their API. Therefore you need to remove your current key and generate a new private key as visible in your themeforest account under “Settings” -> “API keys”. Go to https://build.envato.com and follow the steps there. To me, https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#toggle-id-5 was also very helpful (scroll down a bit there to find out about the permissions your private API key needs in order to check for future Enfold updates). Without these permissions it will not work.
11) After revalidating your new private key within the Enfold update tab, you should see a blue rectangle saying when it could be checked for the last time.
12) Done!I hope this helps! Feel free to ask me in case you need any assistance.
Best,
MichaelHi, I am trying to create rollovers for my main menu like this demo: https://kriesi.at/themes/enfold-law/
My site is: http://huntpr.co.zaif i go to advanced styling change color there and click on “Apply only to mouse hover state” nothing happens.
I would like the color to change to ddae87 and the line appear in this color?Already this code sitting in Quick CSS so not sure if anything blocking:
#top #header.header-scrolled .container.av-logo-container {
background: #88bbc8;
}#scroll-top-link:hover {
opacity:1 !important;
color:cce4e7 !important;
}.page-id-734 #contact input[type=’submit’]:hover {
background-color: green !important;
}/*hide auto sidebar from magazine*/
.page-id-2967 .sidebar .widget_nav_hide_child {
display: none;
}/*2.8 firefox problem*/
.avia-image-container-inner, .avia_image {
max-width: 100%;
}#socket .avia-bullet, #socket .avia-menu-fx {
display: none;
}.container {
padding: 0px 95px;
}.avia-button.avia-color-grey, .avia-button.avia-color-grey {
color:#faf400!important;
border: 1px solid #faf400!important;
}h1, h2, h3 {
text-transform: none !important;
}h1, h2, h3, h4, h5, h6 {
font-weight: normal!important;
}#top * {
border-radius:0 !important;
}.avia-button {
border: 1px solid !important;
}#avia-menu #menu-item-3252 .avia-menu-text {
border-color:#ddae87 !important;
}/* Color section container width */
#team .container {
width: 100% !important;
min-width: 100%;
padding: 0;
margin: 0;
}#top .avia_ajax_form .button {
width: 100%;
}#top .social_bookmarks li a {
color: #ddae87;
}@media only screen and (max-width: 1200px) {
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
display: block !important;
}
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
display: none;
}
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special a { border: none !important; }
}.avia-button:hover {
background-color: #ffffff !important;
color: #231f20 !important;
}#scroll-top-link {
color: white !important;
border: 1px solid #ddae87 !important;
background-color: #ddae87 !important;
}.home #av_section_1 a.avia-color-custom {
border:1px solid #ddae87 !important;
}.avia-team-member .team-social {
background: rgba(17,20,71,0.8);
}.team-social a {
background: #ddae87;
}.team-social a::before {
color: #ffffff;
}.av_menu_icon_beside {
border-right:none;
}.home #av_section_1 a.avia-color-custom:hover {
border:1px solid white !important;
}.home #av_section_1 a.avia-color-light:hover {
border:rgba(255, 255, 255, 0.5) !important;
}.avia-menu {
border-right:none !important;
}.page-id-734 #contact input[type=’submit’]:hover {
background-color: #ddae87 !important;
border-color: #ddae87 !important;
color: #ffffff !important;
}.avia-menu-text{
letter-spacing: 2px!important;
}I’m using two easy sliders on a page whose element visibility is different for desktop, tablet landscape, tablet portrait (slider 1) and mobile portrait (slider 2). This works great, but whilst the hidden slider is not visible, it leaves unnecessary whitespace which really bugs me.
Since pictures say more than 1000 words
With hidden easy slider between menu and image: https://pasteboard.co/HI7xrFw.png
Hidden easy slider removed: https://pasteboard.co/HI7xVMj.png
if it helps, this is the div of the hidden easy slider.
<div data-size="masonry" data-lightbox_size="large" data-animation="fade" data-conditional_play="" data-ids="534,535,536" data-video_counter="0" data-autoplay="true" data-bg_slider="false" data-slide_height="" data-handle="av_slideshow" data-interval="5" data-class=" avia-builder-el-0 el_before_av_slideshow avia-builder-el-first av-desktop-hide av-medium-hide av-small-hide" data-css_id="" data-scroll_down="" data-control_layout="av-control-default" data-custom_markup="" data-perma_caption="" data-autoplay_stopper="" data-image_attachment="" data-min_height="0px" data-default-height="100" class="avia-slideshow avia-slideshow-1 av-control-default avia-slideshow-masonry av_slideshow avia-builder-el-0 el_before_av_slideshow avia-builder-el-first av-desktop-hide av-medium-hide av-small-hide avia-fade-slider" itemprop="ImageObject" itemscope="itemscope" itemtype="https://schema.org/ImageObject"><ul class="avia-slideshow-inner " style="padding: 0px;"><li class=" slide-1 " style="visibility: visible; opacity: 1; transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s; transform: translateZ(0px);"><div data-rel="slideshow-1" class="avia-slide-wrap "><img src="https://i1.wp.com/coaching-choices.ch/wp-content/uploads/2018/10/MK3C2960.jpg?fit=705%2C705&ssl=1" width="705" height="705" title="MK3C2960" alt="" itemprop="thumbnailUrl" data-lazy-src="https://i1.wp.com/coaching-choices.ch/wp-content/uploads/2018/10/MK3C2960.jpg?fit=705%2C705&ssl=1&is-pending-load=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class=" jetpack-lazy-image" style="left: 0px;"><noscript><img src='https://i1.wp.com/coaching-choices.ch/wp-content/uploads/2018/10/MK3C2960.jpg?fit=705%2C705&ssl=1' width='705' height='705' title='MK3C2960' alt='' itemprop="thumbnailUrl" /></noscript></div></li><li class=" slide-2 "><div data-rel="slideshow-1" class="avia-slide-wrap "><img src="https://i0.wp.com/coaching-choices.ch/wp-content/uploads/2018/10/MK3C2704.jpg?fit=705%2C705&ssl=1" width="705" height="705" title="MK3C2704" alt="" itemprop="thumbnailUrl" data-lazy-src="https://i0.wp.com/coaching-choices.ch/wp-content/uploads/2018/10/MK3C2704.jpg?fit=705%2C705&ssl=1&is-pending-load=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class=" jetpack-lazy-image"><noscript><img src='https://i0.wp.com/coaching-choices.ch/wp-content/uploads/2018/10/MK3C2704.jpg?fit=705%2C705&ssl=1' width='705' height='705' title='MK3C2704' alt='' itemprop="thumbnailUrl" /></noscript></div></li><li class=" slide-3 "><div data-rel="slideshow-1" class="avia-slide-wrap "><img src="https://i1.wp.com/coaching-choices.ch/wp-content/uploads/2018/10/MK3C2703.jpg?fit=705%2C705&ssl=1" width="705" height="705" title="MK3C2703" alt="" itemprop="thumbnailUrl" data-lazy-src="https://i1.wp.com/coaching-choices.ch/wp-content/uploads/2018/10/MK3C2703.jpg?fit=705%2C705&ssl=1&is-pending-load=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class=" jetpack-lazy-image"><noscript><img src='https://i1.wp.com/coaching-choices.ch/wp-content/uploads/2018/10/MK3C2703.jpg?fit=705%2C705&ssl=1' width='705' height='705' title='MK3C2703' alt='' itemprop="thumbnailUrl" /></noscript></div></li></ul><div class="avia-slideshow-arrows avia-slideshow-controls"><a href="#prev" class="prev-slide" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello">Previous</a><a href="#next" class="next-slide" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello">Next</a></div><div class="avia-slideshow-dots avia-slideshow-controls"><a href="#1" class="goto-slide active">1</a><a href="#2" class="goto-slide ">2</a><a href="#3" class="goto-slide ">3</a></div></div>Topic: Tab Section Scroll Down
In reply to: Border Button change
Thanks Victoria, I have so much Quick CSS in general styling and some that directly affect those buttons, are you able to tell me exactly what to change? See all code in general styling below:
.page-id-734 #contact input[type=’submit’]:hover {
background-color: green !important;
}/*hide auto sidebar from magazine*/
.page-id-2967 .sidebar .widget_nav_hide_child {
display: none;
}/*2.8 firefox problem*/
.avia-image-container-inner, .avia_image {
max-width: 100%;
}#socket .avia-bullet, #socket .avia-menu-fx {
display: none;
}.container {
padding: 0px 95px;
}.avia-button.avia-color-grey, .avia-button.avia-color-grey {
color:#faf400!important;
border: 1px solid #faf400!important;
}h1, h2, h3 {
text-transform: none !important;
}h1, h2, h3, h4, h5, h6 {
font-weight: normal!important;
}#top * {
border-radius:0 !important;
}.avia-button {
border: 1px solid !important;
}#avia-menu #menu-item-3252 .avia-menu-text {
border-color:#ddae87 !important;
}/* Color section container width */
#team .container {
width: 100% !important;
min-width: 100%;
padding: 0;
margin: 0;
}#top .avia_ajax_form .button {
width: 100%;
}#top .social_bookmarks li a {
color: #ddae87;
}@media only screen and (max-width: 1200px) {
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
display: block !important;
}
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
display: none;
}
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special a { border: none !important; }
}.avia-button:hover {
background-color: #ffffff !important;
color: #231f20 !important;
}#scroll-top-link {
color: white !important;
border: 1px solid #ddae87 !important;
background-color: #ddae87 !important;
}.home #av_section_1 a.avia-color-custom {
border:1px solid #ddae87 !important;
}.avia-team-member .team-social {
background: rgba(17,20,71,0.8);
}.team-social a {
background: #ddae87;
}.team-social a::before {
color: #ffffff;
}.av_menu_icon_beside {
border-right:none;
}.home #av_section_1 a.avia-color-custom:hover {
border:1px solid white !important;
}.home #av_section_1 a.avia-color-light:hover {
border:rgba(255, 255, 255, 0.5) !important;
}.avia-menu {
border-right:none !important;
}.page-id-734 #contact input[type=’submit’]:hover {
background-color: #ddae87 !important;
border-color: #ddae87 !important;
color: #ffffff !important;
}#scroll-top-link:hover {
opacity:1 !important;
color:cce4e7 !important;
}.avia-menu-text{
letter-spacing: 2px!important;
}Topic: Help required on html
Morning,
Yesterday I made the following site live for my client http://www.events-intelligence.com/
He has now come back to me with a list of html queries that I really don’t understand. (see attached) I build WP website but I am not a developer which is why i love using Enfold for my sites.
Could you help me sort out his requests? I have dealt with the “build site” issue but not surew about RSS and all the other queries.I look forward to hearing form you shortly
Kimhe has sent me this
Can we delete the references to build site in the HTML header, tidy up the RSS (there is none), and delete the comments about theme (assume these are unnecessary, and provide attack vectors),Also why is there API access to the site (https://www.events-intelligence.com/wp-json/) spits back a JSON file
Can you also delete the author/admin page – the API’s refer to an obsolete part of the site – e.g. if you issue a GET to the following URL https://www.events-intelligence.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.events-intelligence.com%2F you get the following link back amongst all the other bumpf – https://www.events-intelligence.com/author/admin/. Please delete this and other unused pages.
html as follows:
<head>
<meta charset=”UTF-8″>
<meta name=”robots” content=”index, follow”><!– mobile setting –>
<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″><!– Scripts/CSS and wp_head hook –>
<title>A Build Site: Events Intelligence – Growing exhibitions through data</title>
<link rel=”dns-prefetch” href=”//s.w.org”>
<link rel=”alternate” type=”application/rss+xml” title=”A Build Site: Events Intelligence » Feed” href=”https://www.events-intelligence.com/feed/”>
<link rel=”alternate” type=”application/rss+xml” title=”A Build Site: Events Intelligence » Comments Feed” href=”https://www.events-intelligence.com/comments/feed/”>
<link rel=”alternate” type=”application/rss+xml” title=”A Build Site: Events Intelligence » Home Comments Feed” href=”https://www.events-intelligence.com/home-2/feed/”><!– google webfont font replacement –>
<script type=”text/javascript” async=”” src=”https://www.google-analytics.com/analytics.js”></script><script type=”text/javascript”>
if(!document.cookie.match(/aviaPrivacyGoogleWebfontsDisabled/)){
(function() {
var f = document.createElement(‘link’);f.type = ‘text/css’;
f.rel = ‘stylesheet’;
f.href = ‘//fonts.googleapis.com/css?family=Lato:300,400,700%7COswald’;
f.id = ‘avia-google-webfont’;document.getElementsByTagName(‘head’)[0].appendChild(f);
})();
}
</script><link type=”text/css” rel=”stylesheet” href=”//fonts.googleapis.com/css?family=Lato:300,400,700%7COswald” id=”avia-google-webfont”>
<script type=”text/javascript”>
window._wpemojiSettings = {“baseUrl”:”https:\/\/s.w.org\/images\/core\/emoji\/11\/72×72\/”,”ext”:”.png”,”svgUrl”:”https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/”,”svgExt”:”.svg”,”source”:{“concatemoji”:”https:\/\/www.events-intelligence.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8″}};
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline=”top”,l.font=”600 32px Arial”,a){case”flag”:return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case”emoji”:return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement(“script”);c.src=a,c.defer=c.type=”text/javascript”,b.getElementsByTagName(“head”)[0].appendChild(c)}var g,h,i,j,k=b.createElement(“canvas”),l=k.getContext&&k.getContext(“2d”);for(j=Array(“flag”,”emoji”),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],”flag”!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener(“DOMContentLoaded”,h,!1),a.addEventListener(“load”,h,!1)):(a.attachEvent(“onload”,h),b.attachEvent(“onreadystatechange”,function(){“complete”===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
</script><script src=”https://www.events-intelligence.com/wp-includes/js/wp-emoji-release.min.js?ver=4.9.8″ type=”text/javascript” defer=””></script>
<style type=”text/css”>
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel=”stylesheet” id=”avia-merged-styles-css” href=”https://www.events-intelligence.com/wp-content/uploads/dynamic_avia/avia-merged-styles-c14a0af1d687c05c1dcc32792cc2249f.css” type=”text/css” media=”all”>
<script type=”text/javascript” src=”https://www.events-intelligence.com/wp-includes/js/jquery/jquery.js?ver=1.12.4″></script>
<script type=”text/javascript” src=”https://www.events-intelligence.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1″></script>
<link rel=”https://api.w.org/” href=”https://www.events-intelligence.com/wp-json/”>
<link rel=”EditURI” type=”application/rsd+xml” title=”RSD” href=”https://www.events-intelligence.com/xmlrpc.php?rsd”>
<link rel=”wlwmanifest” type=”application/wlwmanifest+xml” href=”https://www.events-intelligence.com/wp-includes/wlwmanifest.xml”>
<meta name=”generator” content=”WordPress 4.9.8″>
<link rel=”canonical” href=”https://www.events-intelligence.com/”>
<link rel=”shortlink” href=”https://www.events-intelligence.com/”>
<link rel=”alternate” type=”application/json+oembed” href=”https://www.events-intelligence.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.events-intelligence.com%2F”>
<link rel=”alternate” type=”text/xml+oembed” href=”https://www.events-intelligence.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.events-intelligence.com%2F&format=xml”>
<!– Global site tag (gtag.js) – Google Analytics –>
<script async=”” src=”https://www.googletagmanager.com/gtag/js?id=UA-28528641-10″></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag(‘js’, new Date());gtag(‘config’, ‘UA-28528641-10′);
</script><link rel=”profile” href=”http://gmpg.org/xfn/11″>
<link rel=”alternate” type=”application/rss+xml” title=”A Build Site: Events Intelligence RSS2 Feed” href=”https://www.events-intelligence.com/feed/”>
<link rel=”pingback” href=”https://www.events-intelligence.com/xmlrpc.php”>
<!–[if lt IE 9]><script src=”https://www.events-intelligence.com/wp-content/themes/enfold/js/html5shiv.js”></script><![endif]–>
<link rel=”icon” href=”http://www.events-intelligence.com/wp-content/uploads/2018/09/ei-16×16.png” type=”image/png”>
<style type=”text/css”>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style><!– To speed up the rendering and to display the site as fast as possible to the user we include some styles and scripts for above the fold content inline –>
<script type=”text/javascript”>’use strict’;var avia_is_mobile=!1;if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)&&’ontouchstart’ in document.documentElement){avia_is_mobile=!0;document.documentElement.className+=’ avia_mobile ‘}
else{document.documentElement.className+=’ avia_desktop ‘};document.documentElement.className+=’ js_active ‘;(function(){var e=[‘-webkit-‘,’-moz-‘,’-ms-‘,”],n=”;for(var t in e){if(e[t]+’transform’ in document.documentElement.style){document.documentElement.className+=’ avia_transform ‘;n=e[t]+’transform’};if(e[t]+’perspective’ in document.documentElement.style)document.documentElement.className+=’ avia_transform3d ‘};if(typeof document.getElementsByClassName==’function’&&typeof document.documentElement.getBoundingClientRect==’function’&&avia_is_mobile==!1){if(n&&window.innerHeight>0){setTimeout(function(){var e=0,o={},a=0,t=document.getElementsByClassName(‘av-parallax’),i=window.pageYOffset||document.documentElement.scrollTop;for(e=0;e<t.length;e++){t[e].style.top=’0px’;o=t[e].getBoundingClientRect();a=Math.ceil((window.innerHeight+i-o.top)*0.3);t[e].style[n]=’translate(0px, ‘+a+’px)’;t[e].style.top=’auto’;t[e].className+=’ enabled-parallax ‘}},50)}}})();</script><style type=”text/css”>
@font-face {font-family: ‘entypo-fontello’; font-weight: normal; font-style: normal;
src: url(‘https://www.events-intelligence.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.eot’);
src: url(‘https://www.events-intelligence.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.eot?#iefix’) format(’embedded-opentype’),
url(‘https://www.events-intelligence.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff’) format(‘woff’),
url(‘https://www.events-intelligence.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.ttf’) format(‘truetype’),
url(‘https://www.events-intelligence.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.svg#entypo-fontello’) format(‘svg’);
} #top .avia-font-entypo-fontello, body .avia-font-entypo-fontello, html body [data-av_iconfont=’entypo-fontello’]:before{ font-family: ‘entypo-fontello’; }
</style><!–
Debugging Info for Theme support:Theme: Enfold
Version: 4.4.1
Installed: enfold
AviaFramework Version: 4.7
AviaBuilder Version: 0.9.5
aviaElementManager Version: 1.0.1
ML:256-PU:42-PLA:5
WP:4.9.8
Compress: CSS:all theme files – JS:all theme files
Updates: disabled
PLAu:5
–>
</head>In reply to: Mobile Menue
Hey alinesommer,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width:767px){ .html_av-overlay-side .av-burger-overlay-scroll { -webkit-transform: translateX(350px); transform: translateX(350px); } .html_av-overlay-side .av-burger-overlay-scroll { right: 0; left: auto; } }If you need further assistance please let us know.
Best regards,
VictoriaIn reply to: Gallery: Move thumbnails above big image
Hey Daan88,
Please use this code for the gallery.php:
<?php /** * Gallery * * Shortcode that allows to create a gallery based on images selected from the media library */ if ( ! defined( 'ABSPATH' ) ) { exit; } // Exit if accessed directly if ( !class_exists( 'avia_sc_gallery' ) ) { class avia_sc_gallery extends aviaShortcodeTemplate { static $gallery = 0; var $extra_style = ""; var $non_ajax_style = ""; /** * Create the config array for the shortcode button */ function shortcode_insert_button() { $this->config['self_closing'] = 'yes'; $this->config['name'] = __('Gallery', 'avia_framework' ); $this->config['tab'] = __('Media Elements', 'avia_framework' ); $this->config['icon'] = AviaBuilder::$path['imagesURL']."sc-gallery.png"; $this->config['order'] = 6; $this->config['target'] = 'avia-target-insert'; $this->config['shortcode'] = 'av_gallery'; $this->config['modal_data'] = array('modal_class' => 'mediumscreen'); $this->config['tooltip'] = __('Creates a custom gallery', 'avia_framework' ); $this->config['preview'] = 1; $this->config['disabling_allowed'] = 'manually'; //only allowed manually since the default [gallery shortcode] is also affected } function extra_assets() { //load css wp_enqueue_style( 'avia-module-gallery' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/gallery/gallery.css' , array('avia-layout'), false ); wp_enqueue_script( 'avia-module-gallery' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/gallery/gallery.js' , array('avia-shortcodes'), false, TRUE ); } /** * Popup Elements * * If this function is defined in a child class the element automatically gets an edit button, that, when pressed * opens a modal window that allows to edit the element properties * * @return void */ function popup_elements() { $this->elements = array( array( "type" => "tab_container", 'nodescription' => true ), array( "type" => "tab", "name" => __("Content" , 'avia_framework'), 'nodescription' => true ), array( "name" => __("Edit Gallery",'avia_framework' ), "desc" => __("Create a new Gallery by selecting existing or uploading new images",'avia_framework' ), "id" => "ids", "type" => "gallery", "title" => __("Add/Edit Gallery",'avia_framework' ), "button" => __("Insert Images",'avia_framework' ), "std" => ""), array( "name" => __("Gallery Style", 'avia_framework' ), "desc" => __("Choose the layout of your Gallery", 'avia_framework' ), "id" => "style", "type" => "select", "std" => "thumbnails", "subtype" => array( __('Small Thumbnails', 'avia_framework' ) =>'thumbnails', __('Big image with thumbnails below', 'avia_framework' ) =>'big_thumb', __('Big image only, other images can be accessed via lightbox', 'avia_framework' ) =>'big_thumb lightbox_gallery', ) ), array( "name" => __("Gallery Big Preview Image Size", 'avia_framework' ), "desc" => __("Choose image size for the Big Preview Image", 'avia_framework' ), "id" => "preview_size", "type" => "select", "std" => "portfolio", "required" => array('style','contains','big_thumb'), "subtype" => AviaHelper::get_registered_image_sizes(array('logo')) ), array( "name" => __("Force same size for all big preview images?", 'avia_framework' ), "desc" => __("Depending on the size you selected above, preview images might differ in size. Should the theme force them to display at exactly the same size?", 'avia_framework' ), "id" => "crop_big_preview_thumbnail", "type" => "select", "std" => "yes", "required" => array('style','equals','big_thumb'), "subtype" => array(__('Yes, force same size on all Big Preview images, even if they use a different aspect ratio', 'avia_framework') => 'avia-gallery-big-crop-thumb', __('No, do not force the same size', 'avia_framework') => 'avia-gallery-big-no-crop-thumb')), array( "name" => __("Gallery Preview Image Size", 'avia_framework' ), "desc" => __("Choose image size for the small preview thumbnails", 'avia_framework' ), "id" => "thumb_size", "type" => "select", "std" => "portfolio", "required" => array('style','not','big_thumb lightbox_gallery'), "subtype" => AviaHelper::get_registered_image_sizes(array('logo')) ), array( "name" => __("Thumbnail Columns", 'avia_framework' ), "desc" => __("Choose the column count of your Gallery", 'avia_framework' ), "id" => "columns", "type" => "select", "std" => "5", "required" => array('style','not','big_thumb lightbox_gallery'), "subtype" => AviaHtmlHelper::number_array(1,12,1) ), array( "name" => __("Use Lighbox", 'avia_framework' ), "desc" => __("Do you want to activate the lightbox", 'avia_framework' ), "id" => "imagelink", "type" => "select", "std" => "5", "required" => array('style','not','big_thumb lightbox_gallery'), "subtype" => array( __('Yes', 'avia_framework' ) =>'lightbox', __('No, open the images in the browser window', 'avia_framework' ) =>'aviaopeninbrowser noLightbox', __('No, open the images in a new browser window/tab', 'avia_framework' ) =>'aviaopeninbrowser aviablank noLightbox', __('No, don\'t add a link to the images at all', 'avia_framework' ) =>'avianolink noLightbox') ), array( "name" => __("Thumbnail fade in effect", 'avia_framework' ), "desc" => __("You can set when the gallery thumbnail animation starts", 'avia_framework' ), "id" => "lazyload", "type" => "select", "std" => "avia_lazyload", "required" => array('style','not','big_thumb lightbox_gallery'), "subtype" => array( __('Show the animation when user scrolls to the gallery', 'avia_framework' ) =>'avia_lazyload', __('Activate animation on page load (might be preferable on large galleries)', 'avia_framework' ) =>'deactivate_avia_lazyload') ), array( "type" => "close_div", 'nodescription' => true ), array( "type" => "tab", "name" => __("Screen Options",'avia_framework' ), 'nodescription' => true ), array( "name" => __("Element Visibility",'avia_framework' ), "desc" => __("Set the visibility for this element, based on the device screensize.", 'avia_framework' ), "type" => "heading", "description_class" => "av-builder-note av-neutral", ), array( "desc" => __("Hide on large screens (wider than 990px - eg: Desktop)", 'avia_framework'), "id" => "av-desktop-hide", "std" => "", "container_class" => 'av-multi-checkbox', "type" => "checkbox"), array( "desc" => __("Hide on medium sized screens (between 768px and 989px - eg: Tablet Landscape)", 'avia_framework'), "id" => "av-medium-hide", "std" => "", "container_class" => 'av-multi-checkbox', "type" => "checkbox"), array( "desc" => __("Hide on small screens (between 480px and 767px - eg: Tablet Portrait)", 'avia_framework'), "id" => "av-small-hide", "std" => "", "container_class" => 'av-multi-checkbox', "type" => "checkbox"), array( "desc" => __("Hide on very small screens (smaller than 479px - eg: Smartphone Portrait)", 'avia_framework'), "id" => "av-mini-hide", "std" => "", "container_class" => 'av-multi-checkbox', "type" => "checkbox"), array( "type" => "close_div", 'nodescription' => true ), array( "type" => "close_div", 'nodescription' => true ), ); } /** * Editor Element - this function defines the visual appearance of an element on the AviaBuilder Canvas * Most common usage is to define some markup in the $params['innerHtml'] which is then inserted into the drag and drop container * Less often used: $params['data'] to add data attributes, $params['class'] to modify the className * * * @param array $params this array holds the default values for $content and $args. * @return $params the return array usually holds an innerHtml key that holds item specific markup. */ function editor_element($params) { $params['innerHtml'] = "<img src='".$this->config['icon']."' title='".$this->config['name']."' />"; $params['innerHtml'].= " <div class='avia-element-label'>".$this->config['name']."</div> "; $params['content'] = NULL; //remove to allow content elements return $params; } /** * Frontend Shortcode Handler * * @param array $atts array of attributes * @param string $content text within enclosing form of shortcode element * @param string $shortcodename the shortcode found, when == callback name * @return string $output returns the modified html string */ function shortcode_handler($atts, $content = "", $shortcodename = "", $meta = "") { extract(AviaHelper::av_mobile_sizes($atts)); //return $av_font_classes, $av_title_font_classes and $av_display_classes $output = ""; $first = true; if(empty($atts['columns']) && isset($atts['ids'])) { $atts['columns'] = count(explode(",", $atts['ids'])); if($atts['columns'] > 10) { $atts['columns'] = 10; } } extract(shortcode_atts(array( 'order' => 'ASC', 'thumb_size' => 'thumbnail', 'size' => '', 'lightbox_size' => 'large', 'preview_size' => 'portfolio', 'ids' => '', 'ajax_request' => false, 'imagelink' => 'lightbox', 'style' => 'thumbnails', 'columns' => 5, 'lazyload' => 'avia_lazyload', 'crop_big_preview_thumbnail' => 'avia-gallery-big-crop-thumb' ), $atts, $this->config['shortcode'])); $attachments = get_posts(array( 'include' => $ids, 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => $order, 'orderby' => 'post__in') ); //compatibility mode for default wp galleries if(!empty($size)) $thumb_size = $size; if('big_thumb lightbox_gallery' == $style) { $imagelink = 'lightbox'; $lazyload = 'deactivate_avia_lazyload'; $meta['el_class'] .= " av-hide-gallery-thumbs"; } if(!empty($attachments) && is_array($attachments)) { self::$gallery++; $thumb_width = round(100 / $columns, 4); $markup = avia_markup_helper(array('context' => 'image','echo'=>false, 'custom_markup'=>$meta['custom_markup'])); $output .= " <div class='avia-gallery {$av_display_classes} avia-gallery-".self::$gallery." ".$lazyload." avia_animate_when_visible ".$meta['el_class']."' $markup>"; $thumbs = ""; $counter = 0; foreach($attachments as $attachment) { $link = apply_filters('avf_avia_builder_gallery_image_link', wp_get_attachment_image_src($attachment->ID, $lightbox_size), $attachment, $atts, $meta); $custom_link_class = !empty($link['custom_link_class']) ? $link['custom_link_class'] : ''; $class = $counter++ % $columns ? "class='$imagelink $custom_link_class'" : "class='first_thumb $imagelink $custom_link_class'"; $img = wp_get_attachment_image_src($attachment->ID, $thumb_size); $prev = wp_get_attachment_image_src($attachment->ID, $preview_size); $caption = trim($attachment->post_excerpt) ? wptexturize($attachment->post_excerpt) : ""; $tooltip = $caption ? "data-avia-tooltip='".$caption."'" : ""; $alt = get_post_meta($attachment->ID, '_wp_attachment_image_alt', true); $alt = !empty($alt) ? esc_attr($alt) : ''; $title = trim($attachment->post_title) ? esc_attr($attachment->post_title) : ""; $description = trim($attachment->post_content) ? esc_attr($attachment->post_content) : esc_attr(trim($attachment->post_excerpt)); $markup_url = avia_markup_helper(array('context' => 'image_url','echo'=>false, 'id'=>$attachment->ID, 'custom_markup'=>$meta['custom_markup'])); if( strpos($style, "big_thumb") !== false && $first) { $big_thumb = "<a class='avia-gallery-big fakeLightbox $imagelink $crop_big_preview_thumbnail $custom_link_class' href='".$link[0]."' data-onclick='1' title='".$description."' ><span class='avia-gallery-big-inner' $markup_url>"; $big_thumb .= " <img width='".$prev[1]."' height='".$prev[2]."' src='".$prev[0]."' title='".$title."' alt='".$alt."' />"; if($caption) $big_thumb .= " <span class='avia-gallery-caption'>{$caption}</span>"; $big_thumb .= "</span></a>"; } $thumbs .= " <a href='".$link[0]."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}' title='".$description."' $markup_url><img {$tooltip} src='".$img[0]."' width='".$img[1]."' height='".$img[2]."' title='".$title."' alt='".$alt."' /></a>"; $first = false; } $output .= " <div class='avia-gallery-thumb'>{$thumbs}</div> {$big_thumb}"; $output .= "</div> "; $selector = !empty($atts['ajax_request']) ? ".ajax_slide" : ""; //generate thumb width based on columns $this->extra_style .= "<style type='text/css'>"; $this->extra_style .= "#top #wrap_all {$selector} .avia-gallery-".self::$gallery." .avia-gallery-thumb a{width:{$thumb_width}%;}"; $this->extra_style .= "</style>"; if(!empty($this->extra_style)) { if(!empty($atts['ajax_request']) || !empty($_POST['avia_request'])) { $output .= $this->extra_style; $this->extra_style = ""; } else { $this->non_ajax_style = $this->extra_style; add_action('wp_footer', array($this, 'print_extra_style')); } } } return $output; } function print_extra_style() { echo $this->non_ajax_style; } } }and add this code to the quick css field:
#top div .avia-gallery .avia-gallery-big { width: 100%; }Best regards,
PeterIn reply to: google map
Hi,
Thank you for using Enfold.
Based on Dude’s suggestion, you can try this code on the functions.php file to adjust the map’s parameter.
add_filter('avf_gmap_vars', 'avf_gmap_vars_settings', 10, 1); function avf_gmap_vars_settings($map) { foreach($map['av_google_map'] as $key => $data) { $map['av_google_map'][$key]['gestureHandling'] = 'auto'; $map['av_google_map'][$key]['scrollwheel'] = 'true'; } return $map; }Best regards,
IsmaelHi,
I have this bit of code that I found on your forum which opens up a lightbox containing a Gravity Form:
The JS:function add_custom_script(){ ?> <script type="text/javascript"> jQuery(window).load(function(){ jQuery('.open-popup-link').magnificPopup({ type:'inline', midClick: true }); }); </script> <?php } add_action('wp_footer', 'add_custom_script');The HTML:
<a href="#popup1" class="open-popup-link">Click this button to open form in lightbox-FORM1</a> <div id="popup1" class="white-popup mfp-hide"> [gravityform id=1 title=false description=false ajax=true] </div>The CSS:
.white-popup { position: relative; background: #fff; padding: 20px; width: auto; max-width: 50vw; margin: 20px auto; }It works perfectly except for the fact that as the lightbox is opened, the whole page scrolls up a bit. I think this is due to the sticky header. When I turn off the sticky header, then it doesn’t scroll up at all.
If you look half way down the page you will see an image with caption “FOR THE ARCHITECT”. Below that in grey text (Click this button to open form in lightbox-FORM1) is the link to open the lightobx.
I tried to sort it out using CSS but haven’t managed to fix it. Maybe it needs a small bit of JS; not sure. (I don’t know any JS unfortunately.)
Please could you kindly assist.
Thank you.
In reply to: Can't edit the Pricing page
Hi Ismael,
Thanks for that – I have inserted the debug mode code into my functions.php file as per the instructions you have provided. Below is the copy/paste I got from the ‘Default Editor’ option (not sure if that is what debug mode is) – I tried to edit the code but it came back weird after that (there were no edges around the content) so I reverted the changes.
[av_section min_height='75' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' scroll_down='aviaTBscroll_down' id='' color='main_color' custom_bg='' src='http://kriesi.at/themes/enfold-startup/files/2015/02/pricing_big.jpg' attachment='496' attachment_size='full' attach='parallax' position='top center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.7' overlay_color='#4ecac2' overlay_pattern='' overlay_custom_pattern=''] [av_one_fifth first] [/av_one_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat'] [av_heading heading='NO CONTRACTS. NO LOCK INS. NO BULL TURDS. SIMPLE - EFFICIENT <strong>PAY AS YOU GO</strong> LOCAL PROFESSIONAL WEB DEVELOPMENT. DON’T PAY A CENT MORE.' tag='h1' style='blockquote modern-quote modern-centered' size='40' subheading_active='' subheading_size='15' padding='10' color='custom-color-heading' custom_font='#ffffff'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='40px' custom_margin_bottom='40px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello'] [/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat'] [/av_one_fifth] [/av_section] [av_submenu which_menu='custom' menu='2' position='center' color='main_color' sticky='aviaTBsticky' mobile='active'] [av_submenu_item title='Top' link='manually,#top' linktarget='' button_style=''] [av_submenu_item title='Pricing' link='manually,#pricing' linktarget='' button_style=''] [av_submenu_item title='FAQ' link='manually,#faq' linktarget='' button_style=''] [av_submenu_item title='Pre Sale Questions' link='manually,#pre-sale' linktarget='' button_style='av-menu-button av-menu-button-bordered'] [/av_submenu] [av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' id='pricing' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] [av_table purpose='pricing' pricing_table_design='avia_pricing_minimal' pricing_hidden_cells='avia_show_empty_cells' caption='' responsive_styling='avia_responsive_table'] [av_row row_style='avia-heading-row'][av_cell col_style='']In 'n' Out[/av_cell][av_cell col_style='']Regular[/av_cell][av_cell col_style='avia-highlight-col']Plus[/av_cell][av_cell col_style='']Enterprise[/av_cell][/av_row] [av_row row_style='avia-pricing-row'][av_cell col_style='']$80<small>per hour</small>[/av_cell][av_cell col_style='']$60<small>per hour</small>[/av_cell][av_cell col_style='avia-highlight-col']$55<small>per hour</small>[/av_cell][av_cell col_style='']$45<small>per hour</small>[/av_cell][/av_row] [av_row row_style=''][av_cell col_style='']For small projects under 10 hours[/av_cell][av_cell col_style='']For small projects under 10 hours[/av_cell][av_cell col_style='avia-highlight-col']For medium/large projects over 10 hours[/av_cell][av_cell col_style='']For medium/large projects over 10 hours[/av_cell][/av_row] [av_row row_style=''][av_cell col_style='']Priority Phone/Email support[/av_cell][av_cell col_style='']Email Support[/av_cell][av_cell col_style='avia-highlight-col']Priority Phone/Email support[/av_cell][av_cell col_style='']Email Support[/av_cell][/av_row] [av_row row_style=''][av_cell col_style='']24 Hour Turnaround Time[/av_cell][av_cell col_style='']3 Day Turnaround Time[/av_cell][av_cell col_style='avia-highlight-col']24 Hour Turnaround Time[/av_cell][av_cell col_style='']3 Day Turnaround Time[/av_cell][/av_row] [/av_table] [/av_section][av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' id='faq' color='main_color' custom_bg='#fcfcfc' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] [av_one_fifth first] [/av_one_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat'] [av_heading tag='h1' padding='10' heading='Frequently Asked Questions' color='' style='blockquote modern-quote modern-centered' custom_font='' size='40' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat'] [/av_one_fifth][av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='70px' custom_margin_bottom='70px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_one_half first] [av_textblock size='' font_color='' color=''] <h4>What if I buy 10 hours but don’t use all the hours in my project?</h4> [av_dropcap1]W[/av_dropcap1]ell I have good news for you - if you can send me an email confirming you will not have any work in the future and request a partial refund - you will receive a payment back for the hours you don’t use. Pretty neat right? You can also keep the hours left as credit for projects in the future. <h4>Can we meet for a coffee to discuss?</h4> [av_dropcap1]I[/av_dropcap1] believe in modelling those that are successful - one of the people I look up to is author Tim Ferris from the book ‘The 4 Hour Workweek’. We live in a connected world of Skype, WhatsApp, FB and join.me - I expect my clients to understand or make a serious effort in being connected - and you will find the rewards immense and be able to accomplish a lot more in a much shorter time span. <div>While I do meet face to face with clients occassionally on larger projects ($6K+) - the majority of my client work is conducted online - so the short answer is no. [/av_textblock][/av_one_half][av_one_half min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat'][av_textblock size='' font_color='' color=''] <h4>How much for a website?</h4> [av_dropcap1]L[/av_dropcap1]ooking back at my clients for the last 6 years no good relationship has ever started with the question ‘How much is a website’ - however I feel it’s a fair quesiton so I will answer as best I can. The cheapest website I’ve ever made was $350 and the most expensive was about $22,000. If you are looking for a quote and have a budget of $1,600+ I can review your requirements and give you a fixed price - however if your budget is under that then I can give you an estimate of how much time your project would require in hours - you can get a pretty decent looking website for $500 if you agree to write the content and buy the theme/hosting. <h4>Do you do SEO?</h4> [av_dropcap1]I[/av_dropcap1]’m currently on Page #2 for the highly competitive term ‘wordpress developer sydney’ - which I have been steadily climbing since the start of this year. If you provide your Google Analytics/Google Webmaster Tools I can review your website and give a recommendation for how I can help - you might want to do that before I get to Page #1 because once I do my rates for SEO will go up substantially. </div> [/av_textblock] [/av_one_half] [/av_section] [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' id='pre-sale' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] [av_one_fifth first] [/av_one_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat'] [av_heading heading='HAVE MORE QUESTIONS? SEND THEM THIS WAY! I’M <strong>ALWAYS AVAILABLE TO ANSWER YOUR ENQUIRIES</strong> AND START A DIALOGUE - BEGIN WITH THE FORM BELOW' tag='h1' style='blockquote modern-quote modern-centered' size='40' subheading_active='' subheading_size='15' padding='10' color='' custom_font=''][/av_heading] [/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat'] [/av_one_fifth][av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='70px' custom_margin_bottom='70px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_contact email='' title='' button='Submit' on_send='' sent='Your question has been sent, we will reply as soon as possible!' link='manually,http://' subject='Pre Sale Question' autorespond='' captcha='' color=''] [av_contact_field label='Name' type='text' options='' check='is_empty' width='element_third'][/av_contact_field] [av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_third'][/av_contact_field] [av_contact_field label='Which Plan?' type='select' options='Starter, Regular, Plus, Enterprise' check='' width='element_third'][/av_contact_field] [av_contact_field label='Subject' type='text' check='is_empty' options='' width=''][/av_contact_field] [av_contact_field label='Message' type='textarea' check='is_empty' options='' width=''][/av_contact_field] [/av_contact] [/av_section]Also don’t forget the question about the menu I put down above:
Also is there a way to make the header menu be small from the get go instead of get large then smaller?
https://cl.ly/d2b9494adadc/Image%2525202018-09-11%252520at%25252012.43.47%252520PM.png
https://cl.ly/77bd973e7521/Image%2525202018-09-11%252520at%25252012.44.28%252520PM.png
screenshots above are from this page: http://www.headstudios.com.au/sample-landing-page/Thanks for all your help!
In reply to: mobile menu position
Hi Concre,
Try using this css code:
.html_av-overlay-side #top .av-burger-overlay-scroll { right: auto; left: 0; }if that doesn’t work, use this instead:
.html_av-overlay-side #top .av-burger-overlay-scroll { right: auto !important; left: 0 !important; }Hope it helps.
Best regards,
NikkoIn reply to: Enfold – Footer width
Hi,
Great, you can set the footer site wide if you go to Enfold->Footer and change the settings in the Default Footer & Socket Settings option. Before that you need to create a new page and paste the following shortcode in the box below the regular Layout Builder:
[av_section min_height='' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='footer-template' color='footer_color' background='bg_color' custom_bg='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='diagonal_bt' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-jfgi5bwp'] [av_buttonrow alignment='center' button_spacing='20' button_spacing_unit='px' av_uid='av-jfj7zffg' admin_preview_bg=''] [av_buttonrow_item label='Follow me on Twitter' link='manually,#' link_target='' size='large' label_display='av-button-label-on-hover' icon_select='yes' icon='ue8f1' font='entypo-fontello' color='black' custom_bg='#444444' custom_font='#ffffff' av_uid='av-13flxu' icon_hover=''] [av_buttonrow_item label='Follow me on Facebook' link='manually,#' link_target='' size='large' label_display='av-button-label-on-hover' icon_select='yes' icon='ue8f3' font='entypo-fontello' color='black' custom_bg='#444444' custom_font='#ffffff' av_uid='av-y5cei' icon_hover=''] [av_buttonrow_item label='Follow me on Dribbble' link='manually,#' link_target='' size='large' label_display='av-button-label-on-hover' icon_select='yes' icon='ue8fe' font='entypo-fontello' color='black' custom_bg='#444444' custom_font='#ffffff' av_uid='av-rviru' icon_hover=''] [av_buttonrow_item label='Follow me on Instagram' link='manually,#' link_target='' size='large' label_display='av-button-label-on-hover' icon_select='yes' icon='ue909' font='entypo-fontello' color='black' custom_bg='#444444' custom_font='#ffffff' av_uid='av-m6ojm' icon_hover=''] [av_buttonrow_item label='Follow me on LinkedIn' link='manually,#' link_target='' size='large' label_display='av-button-label-on-hover' icon_select='yes' icon='ue8fc' font='entypo-fontello' color='black' custom_bg='#444444' custom_font='#ffffff' av_uid='av-gz0de' icon_hover=''] [av_buttonrow_item label='Get in touch' link='manually,#' link_target='' size='large' label_display='av-button-label-on-hover' icon_select='yes' icon='ue805' font='entypo-fontello' color='black' custom_bg='#444444' custom_font='#ffffff' av_uid='av-xw4y' icon_hover=''] [/av_buttonrow] [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='#eaeaea' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='#000000' icon='ue808' font='entypo-fontello' av_uid='av-jfj8eyp1' admin_preview_bg='rgb(255, 255, 255)'] [av_one_third first min_height='' vertical_alignment='av-align-top' space='' custom_margin='aviaTBcustom_margin' margin='0px' margin_sync='true' link='' linktarget='' link_hover='' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-2gdk2'] [/av_one_third][av_one_third min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' link='' linktarget='' link_hover='' padding='0px' border='' border_color='' radius='0px' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-lejfe'] [av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jfiohzkt' admin_preview_bg=''] <h4 style="text-align: center;">Subscribe</h4> <p style="text-align: center;">Get our latest news, tips and tricks</p> [/av_textblock] [av_contact (Email address hidden if logged out) ' title='' button='Submit' on_send='' sent='Your message has been sent!' link='manually,http://' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' form_align='' color='av-custom-form-color av-dark-form' av_uid='av-jfiogcbk' admin_preview_bg=''] [av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_three_fourth' multi_select='' av_contact_preselect='' av_uid='av-fmhgi'][/av_contact_field] [/av_contact] [av_textblock size='12' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jfiohzkt' admin_preview_bg=''] <p style="text-align: center;"><a href="#">About</a> | <a href="#">Imprint</a> | <a href="#">Contact</a> | <a href="#">Terms</a></p> [/av_textblock] [av_textblock size='12' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jfiohzkt' admin_preview_bg=''] <p style="text-align: center;"><a href="http://kriesi.at">© 2018 Enfold by Kriesi</a></p> [/av_textblock] [/av_one_third][av_one_third min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' link='' linktarget='' link_hover='' padding='0px' border='' border_color='' radius='0px' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-6l59m'] [/av_one_third] [/av_section]Best regards,
RikardI’m having an issue with making the submenu sticky. So far I’ve managed to make it sticky by applying the following quick css code:
@media only screen and (max-width: 767px) {
.responsive #top .header-scrolled-full .av-submenu-container {
top: 0 !important;
position: fixed !important;
height: auto;
min-height: 0;
margin-bottom: -1px;
}#overview {
margin-top: 10px;
}
}However in addition, I had to change a line of code in the parent theme at config-templatebuilder –> avia-shortcodes –> menu –> menu.css
In particular, I had to remove the !important in line 60:
@media only screen and (max-width: 767px)
{
.responsive #top .sticky_placeholder{max-height:0px; }
.responsive #top .av-submenu-container{top: auto!important; position: relative!important; height:auto; min-height:0; margin-bottom: -1px;}First question I have is whether there’s a way to apply the change in the child theme instead of the parent theme as this will make updates simpler.
The second question I have is about closing the submenu automatically upon clicking an item on the submenu.
We’re referring to this link.For a clearer example of what we mean:
https://staging.equinetacademy.com/wp-content/uploads/Capture.jpgAppreciate any advice on this matter. Thanks!
Hello,
I am having some issues with the tab section of the builder.
The actual tab content is fine, however the tab title area is causing some problems.
(Attached in the private area I have linked some screen shots to help visualise what is happening).At desktop view, the tab title container is holding 6 items, each equally apart with some text. however I needed the content of these tab titles to be larger than what the standard size is of a tab title. However the container is not growing to fit the content. I have adjusted the css in multiple different ways to help this, however one fix causes issues with something else, i.e forcing the tab title to have a larger width causes problems with the scrolling feature on smaller devices.
Effectively, I need these tab titles to work as they would be default however automatically allowing the content of the titles to be large or small and still retaining an equal margin between one another as keeping a scroll on smaller devices.
A link attached in the private area can be found directly to the page I mentioned.
Thank you
In reply to: Http error 500
Hi Victora,
See below:<?php
//Tried both with and without added enqueing code. Seemed not to make a difference #SG;
//#SG: Enqueuing the parent theme stylesheet;
add_action( ‘wp_enqueue_scripts’, ‘enqueue_child_theme_styles’, PHP_INT_MAX);
function enqueue_child_theme_styles() {
wp_enqueue_style( ‘avia-style’, get_template_directory_uri().’/style.css’ );
}
// #SG: Enqueuing the parent theme CSS;
function my_theme_enqueue_styles() {$parent_style = ‘avia-style’; // This is ‘avia-style’ for the Enfold theme.
wp_enqueue_style( $parent_style, get_template_directory_uri() . ‘/style.css’ );
wp_enqueue_style( ‘child-style’,
get_stylesheet_directory_uri() . ‘/style.css’,
array( $parent_style ),
wp_get_theme()->get(‘Version’)
);
}
add_action( ‘wp_enqueue_scripts’, ‘my_theme_enqueue_styles’ );/*
* Add your own functions here. You can also copy some of the theme functions into this file.
* WordPress will use those functions instead of the original functions then.
*/// Added by #SG for Eliminate render-blocking JavaScript and CSS in above-the-fold content
function my_init()
{
if (!is_admin())
{
wp_deregister_script(‘jquery’);// Load a copy of jQuery from the Google API CDN
// The last parameter set to TRUE states that it should be loaded
// in the footer.
wp_register_script(‘jquery’, ‘http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js’, FALSE, ‘1.11.0’, TRUE);wp_enqueue_script(‘jquery’);
}
}
add_action(‘init’, ‘my_init’);
//End of added code by #SGif ( !defined(‘ABSPATH’) ){ die(); }
global $avia_config;
/*
/*
* if you run a child theme and dont want to load the default functions.php file
* set the global var below in you childthemes function.php to true:
*
* example: global $avia_config; $avia_config[‘use_child_theme_functions_only’] = true;
* The default functions.php file will then no longer be loaded. You need to make sure then
* to include framework and functions that you want to use by yourself.
*
* This is only recommended for advanced users
*/if(isset($avia_config[‘use_child_theme_functions_only’])) return;
/*
* create a global var which stores the ids of all posts which are displayed on the current page. It will help us to filter duplicate posts
*/$avia_config[‘posts_on_current_page’] = array();
/*
* wpml multi site config file
* needs to be loaded before the framework
*/require_once( ‘config-wpml/config.php’ );
/**
* layerslider plugin – needs to be loaded before framework because we need to add data to the options array
*
* To be backwards compatible we still support add_theme_support(‘deactivate_layerslider’);
* This will override the option setting “activation” of the bundled plugin !!
*
* @since 4.2.1
*//*DEACTIVATED by #SG (Remove this line to activate)
require_once( ‘config-layerslider/config.php’ );/*
* These are the available color sets in your backend.
* If more sets are added users will be able to create additional color schemes for certain areas
*
* The array key has to be the class name, the value is only used as tab heading on the styling page
*/$avia_config[‘color_sets’] = array(
‘header_color’ => ‘Logo Area’,
‘main_color’ => ‘Main Content’,
‘alternate_color’ => ‘Alternate Content’,
‘footer_color’ => ‘Footer’,
‘socket_color’ => ‘Socket’
);/*
* add support for responsive mega menus
*/add_theme_support(‘avia_mega_menu’);
/*
* add support for improved backend styling
*/add_theme_support(‘avia_improved_backend_style’);
/*
* deactivates the default mega menu and allows us to pass individual menu walkers when calling a menu
*/add_filter(‘avia_mega_menu_walker’, ‘__return_false’);
/*
* adds support for the new avia sidebar manager
*/add_theme_support(‘avia_sidebar_manager’);
/*
* Filters for post formats etc
*/
//add_theme_support(‘avia_queryfilter’);/*
* Register theme text domain
*/
if(!function_exists(‘avia_lang_setup’))
{
add_action(‘after_setup_theme’, ‘avia_lang_setup’);function avia_lang_setup()
{
$lang = apply_filters(‘ava_theme_textdomain_path’, get_template_directory() . ‘/lang’);
load_theme_textdomain(‘avia_framework’, $lang);
}avia_lang_setup();
}/*
function that changes the icon of the theme update tab
*/if(!function_exists(‘avia_theme_update_filter’))
{
function avia_theme_update_filter( $data )
{
if(current_theme_supports(‘avia_improved_backend_style’))
{
$data[‘icon’] = (Email address hidden if logged out) ‘;
}
return $data;
}add_filter(‘avf_update_theme_tab’, ‘avia_theme_update_filter’, 30, 1);
}##################################################################
# AVIA FRAMEWORK by Kriesi# this include calls a file that automatically includes all
# the files within the folder framework and therefore makes
# all functions and classes available for later userequire_once( ‘framework/avia_framework.php’ );
##################################################################
/*
* Register additional image thumbnail sizes
* Those thumbnails are generated on image upload!
*
* If the size of an array was changed after an image was uploaded you either need to re-upload the image
* or use the thumbnail regeneration plugin: http://wordpress.org/extend/plugins/regenerate-thumbnails/
*/$avia_config[‘imgSize’][‘widget’] = array(‘width’=>36, ‘height’=>36); // small preview pics eg sidebar news
$avia_config[‘imgSize’][‘square’] = array(‘width’=>180, ‘height’=>180); // small image for blogs
$avia_config[‘imgSize’][‘featured’] = array(‘width’=>1500, ‘height’=>430 ); // images for fullsize pages and fullsize slider
$avia_config[‘imgSize’][‘featured_large’] = array(‘width’=>1500, ‘height’=>630 ); // images for fullsize pages and fullsize slider
$avia_config[‘imgSize’][‘extra_large’] = array(‘width’=>1500, ‘height’=>1500 , ‘crop’ => false); // images for fullscrren slider
$avia_config[‘imgSize’][‘portfolio’] = array(‘width’=>495, ‘height’=>400 ); // images for portfolio entries (2,3 column)
$avia_config[‘imgSize’][‘portfolio_small’] = array(‘width’=>260, ‘height’=>185 ); // images for portfolio 4 columns
$avia_config[‘imgSize’][‘gallery’] = array(‘width’=>845, ‘height’=>684 ); // images for portfolio entries (2,3 column)
$avia_config[‘imgSize’][‘magazine’] = array(‘width’=>710, ‘height’=>375 ); // images for magazines
$avia_config[‘imgSize’][‘masonry’] = array(‘width’=>705, ‘height’=>705 , ‘crop’ => false); // images for fullscreen masonry
$avia_config[‘imgSize’][‘entry_with_sidebar’] = array(‘width’=>845, ‘height’=>321); // big images for blog and page entries
$avia_config[‘imgSize’][‘entry_without_sidebar’]= array(‘width’=>1210, ‘height’=>423 ); // images for fullsize pages and fullsize slider
$avia_config[‘imgSize’] = apply_filters(‘avf_modify_thumb_size’, $avia_config[‘imgSize’]);$avia_config[‘selectableImgSize’] = array(
‘square’ => __(‘Square’,’avia_framework’),
‘featured’ => __(‘Featured Thin’,’avia_framework’),
‘featured_large’ => __(‘Featured Large’,’avia_framework’),
‘portfolio’ => __(‘Portfolio’,’avia_framework’),
‘gallery’ => __(‘Gallery’,’avia_framework’),
‘entry_with_sidebar’ => __(‘Entry with Sidebar’,’avia_framework’),
‘entry_without_sidebar’ => __(‘Entry without Sidebar’,’avia_framework’),
‘extra_large’ => __(‘Fullscreen Sections/Sliders’,’avia_framework’),);
avia_backend_add_thumbnail_size($avia_config);
if ( ! isset( $content_width ) ) $content_width = $avia_config[‘imgSize’][‘featured’][‘width’];
/*
* register the layout classes
*
*/$avia_config[‘layout’][‘fullsize’] = array(‘content’ => ‘av-content-full alpha’, ‘sidebar’ => ‘hidden’, ‘meta’ => ”,’entry’ => ”);
$avia_config[‘layout’][‘sidebar_left’] = array(‘content’ => ‘av-content-small’, ‘sidebar’ => ‘alpha’ ,’meta’ => ‘alpha’, ‘entry’ => ”);
$avia_config[‘layout’][‘sidebar_right’] = array(‘content’ => ‘av-content-small alpha’,’sidebar’ => ‘alpha’, ‘meta’ => ‘alpha’, ‘entry’ => ‘alpha’);/*
* These are some of the font icons used in the theme, defined by the entypo icon font. the font files are included by the new aviaBuilder
* common icons are stored here for easy retrieval
*/$avia_config[‘font_icons’] = apply_filters(‘avf_default_icons’, array(
//post formats + types
‘standard’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue836’),
‘link’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue822’),
‘image’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue80f’),
‘audio’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue801’),
‘quote’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue833’),
‘gallery’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue80e’),
‘video’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue80d’),
‘portfolio’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue849’),
‘product’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue859’),//social
‘behance’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue915’),
‘dribbble’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8fe’),
‘facebook’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8f3’),
‘flickr’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8ed’),
‘gplus’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8f6’),
‘linkedin’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8fc’),
‘instagram’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue909’),
‘pinterest’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8f8’),
‘skype’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue90d’),
‘tumblr’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8fa’),
‘twitter’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8f1’),
‘vimeo’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8ef’),
‘rss’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue853’),
‘youtube’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue921’),
‘xing’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue923’),
‘soundcloud’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue913’),
‘five_100_px’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue91d’),
‘vk’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue926’),
‘reddit’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue927’),
‘digg’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue928’),
‘delicious’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue929’),
‘mail’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue805’),//woocomemrce
‘cart’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue859’),
‘details’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue84b’),//bbpress
‘supersticky’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue808’),
‘sticky’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue809’),
‘one_voice’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue83b’),
‘multi_voice’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue83c’),
‘closed’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue824’),
‘sticky_closed’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue808\ue824’),
‘supersticky_closed’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue809\ue824’),//navigation, slider & controls
‘play’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue897’),
‘pause’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue899’),
‘next’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue879’),
‘prev’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue878’),
‘next_big’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue87d’),
‘prev_big’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue87c’),
‘close’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue814’),
‘reload’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue891’),
‘mobile_menu’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8a5’),//image hover overlays
‘ov_external’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue832’),
‘ov_image’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue869’),
‘ov_video’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue897’),//misc
‘search’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue803’),
‘info’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue81e’),
‘clipboard’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8d1’),
‘scrolltop’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue876’),
‘scrolldown’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue877’),
‘bitcoin’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue92a’),));
/*
* a small array that contains admin notices that can, for example, be called after an update
* just set the db option avia_admin_notice to contain the key of the notice you want to display
* eg: update_option(‘avia_admin_notice’, ‘performance_update’);
*
* classes: error, warning, success, info
* msg: whatever floats your boat :D
*/$avia_config[‘admin_notices’] = array(
//default update success
‘update_success’ => array(‘class’=>’success’, ‘msg’ => __(‘Enfold update was successful! ‘,’avia_framework’)),//update to version 4.3 – performance update. display notice and link to blog post
‘performance_update’ => array(‘class’=>’info’, ‘msg’ => “Attention: The last Enfold update added a lot of performance options. Make sure to read more about it here<br><br>If you are running a caching plugin please make sure to reset your cached files, since the CSS and JS file structure of the theme changed heavily”
),//update to version 4.4 – gdpr update. display notice and link to blog post
‘gdpr_update’ => array(‘class’=>’info’, ‘msg’ => “Attention: Enfold was updated for GDPR compliance. Make sure to read more about it here”
),//more to come…
);add_theme_support( ‘automatic-feed-links’ );
##################################################################
# Frontend Stuff necessary for the theme:
##################################################################/*
* Register frontend javascripts:
*/if(!function_exists(‘avia_register_frontend_scripts’))
{
if(!is_admin()){
add_action(‘wp_enqueue_scripts’, ‘avia_register_frontend_scripts’);
}function avia_register_frontend_scripts()
{
global $avia_config;$theme = wp_get_theme();
if( false !== $theme->parent() )
{
$theme = $theme->parent();
}
$vn = $theme->get( ‘Version’ );$options = avia_get_option();
$template_url = get_template_directory_uri();
$child_theme_url = get_stylesheet_directory_uri();//register js
wp_enqueue_script( ‘avia-compat’, $template_url.’/js/avia-compat.js’ , array(), $vn, false ); //needs to be loaded at the top to prevent bugs
wp_enqueue_script( ‘avia-default’, $template_url.’/js/avia.js’, array(‘jquery’), $vn, true );
wp_enqueue_script( ‘avia-shortcodes’, $template_url.’/js/shortcodes.js’, array(‘jquery’,’avia-default’), $vn, true );wp_enqueue_script( ‘jquery’ );
//register styles
wp_register_style( ‘avia-style’ , $child_theme_url.”/style.css”, array(), $vn, ‘all’ ); //only include in childthemes. has no purpose in main theme
wp_register_style( ‘avia-custom’, $template_url.”/css/custom.css”, array(), $vn, ‘all’ );wp_enqueue_style( ‘avia-grid’ , $template_url.”/css/grid.css”, array(), $vn, ‘all’ );
wp_enqueue_style( ‘avia-base’ , $template_url.”/css/base.css”, array(‘avia-grid’), $vn, ‘all’ );
wp_enqueue_style( ‘avia-layout’, $template_url.”/css/layout.css”, array(‘avia-base’), $vn, ‘all’ );
wp_enqueue_style( ‘avia-scs’, $template_url.”/css/shortcodes.css”, array(‘avia-layout’), $vn, ‘all’ );/************************************************************************
Conditional style and script calling, based on theme options or other conditions
*************************************************************************///lightbox inclusion
$condition = !empty($avia_config[‘use_standard_lightbox’]) && ( ‘disabled’ != $avia_config[‘use_standard_lightbox’] );
avia_enqueue_style_conditionally( $condition , ‘avia-popup-css’, $template_url.”/js/aviapopup/magnific-popup.css”, array(‘avia-layout’), $vn, ‘screen’);
avia_enqueue_style_conditionally( $condition , ‘avia-lightbox’, $template_url.”/css/avia-snippet-lightbox.css”, array(‘avia-layout’), $vn, ‘screen’);
avia_enqueue_script_conditionally( $condition , ‘avia-popup-js’ , $template_url.’/js/aviapopup/jquery.magnific-popup.min.js’, array(‘jquery’), $vn, true);
avia_enqueue_script_conditionally( $condition , ‘avia-lightbox-activation’, $template_url.”/js/avia-snippet-lightbox.js”, array(‘avia-default’), $vn, true);//mega menu inclusion (only necessary with sub menu items)
$condition = (avia_get_submenu_count(‘avia’) > 0);
avia_enqueue_script_conditionally( $condition , ‘avia-megamenu’, $template_url.”/js/avia-snippet-megamenu.js”, array(‘avia-default’), $vn, true);//sidebar menu inclusion (only necessary when header position is set to be a sidebar)
$condition = (isset($options[‘header_position’]) && $options[‘header_position’] != “header_top”);
avia_enqueue_script_conditionally( $condition , ‘avia-sidebarmenu’, $template_url.”/js/avia-snippet-sidebarmenu.js”, array(‘avia-default’), $vn, true);//sticky header with header size calculator
$condition = (isset($options[‘header_position’]) && $options[‘header_position’] == “header_top”);
$condition2 = (isset($options[‘header_sticky’]) && $options[‘header_sticky’] == “header_sticky”) && $condition;
avia_enqueue_script_conditionally( $condition2 , ‘avia-sticky-header’, $template_url.”/js/avia-snippet-sticky-header.js”, array(‘avia-default’), $vn, true);//site preloader
$condition = (isset($options[‘preloader’]) && $options[‘preloader’] == “preloader”);
avia_enqueue_script_conditionally( $condition , ‘avia-siteloader-js’, $template_url.”/js/avia-snippet-site-preloader.js”, array(‘avia-default’), $vn, true, false);
avia_enqueue_style_conditionally( $condition , ‘avia-siteloader’, $template_url.”/css/avia-snippet-site-preloader.css”, array(‘avia-layout’), $vn, ‘screen’, false);//cookie consent
$condition = (isset($options[‘cookie_consent’]) && $options[‘cookie_consent’] == “cookie_consent”);
avia_enqueue_script_conditionally( $condition , ‘avia-cookie-js’ , $template_url.”/js/avia-snippet-cookieconsent.js”, array(‘avia-default’), $vn, true);
avia_enqueue_style_conditionally( $condition , ‘avia-cookie-css’, $template_url.”/css/avia-snippet-cookieconsent.css”, array(‘avia-layout’), $vn, ‘screen’);//load widget css only if we got active widgets
$condition = (avia_get_active_widget_count() > 0);
avia_enqueue_style_conditionally( $condition , ‘avia-widget-css’, $template_url.”/css/avia-snippet-widget.css”, array(‘avia-layout’), $vn, ‘screen’);//load mediaelement js
$condition = !( isset($options[‘disable_mediaelement’]) && $options[‘disable_mediaelement’] == “disable_mediaelement” ) && av_video_assets_required();
$condition2 = ( version_compare( get_bloginfo( ‘version’ ), ‘4.9’, ‘>=’ ) ) && $condition;
avia_enqueue_script_conditionally( $condition , ‘wp-mediaelement’);
avia_enqueue_style_conditionally( $condition2 , ‘wp-mediaelement’); //With WP 4.9 we need to load the stylesheet seperately//comment reply script
global $post;
$condition = !( isset($options[‘disable_blog’]) && $options[‘disable_blog’] == “disable_blog” ) && $post && comments_open();
$condition = ( is_singular() && get_option( ‘thread_comments’ ) ) && $condition;
avia_enqueue_script_conditionally( $condition , ‘comment-reply’);//rtl inclusion
avia_enqueue_style_conditionally( is_rtl() , ‘avia-rtl’, $template_url.”/css/rtl.css”, array(), $vn, ‘all’);
//disable jquery migrate if no plugins are active (enfold does not need it) or if user asked for it in optimization options
$condition = avia_count_active_plugins() == 0 || (isset($options[‘disable_jq_migrate’]) && $options[‘disable_jq_migrate’] != “disable_jq_migrate”);
if(!$condition) avia_disable_query_migrate();//move jquery to footer if no unkown plugins are active
if(av_count_untested_plugins() == 0 || (isset($options[‘jquery_in_footer’]) && $options[‘jquery_in_footer’] == “jquery_in_footer”) ){
av_move_jquery_into_footer();
}/************************************************************************
Inclusion of the dynamic stylesheet
*************************************************************************/global $avia;
$safe_name = avia_backend_safe_string($avia->base_data[‘prefix’]);
$safe_name = apply_filters(‘avf_dynamic_stylesheet_filename’, $safe_name);if( get_option(‘avia_stylesheet_exists’.$safe_name) == ‘true’ )
{
$avia_upload_dir = wp_upload_dir();/**
* Change the default dynamic upload url
*
* @since 4.4
*/$avia_dyn_upload_path = apply_filters(‘avf_dyn_stylesheet_dir_url’, $avia_upload_dir[‘baseurl’] . ‘/dynamic_avia’ );
$avia_dyn_upload_path = trailingslashit( $avia_dyn_upload_path );if( is_ssl() )
{
$avia_dyn_upload_path = str_replace( “http://”, “https://”, $avia_dyn_upload_path );
}/**
* Change the default dynamic stylesheet name
*
* @since 4.4
*/$avia_dyn_stylesheet_url = apply_filters( ‘avf_dyn_stylesheet_file_url’, $avia_dyn_upload_path . $safe_name . ‘.css’ );
$version_number = get_option( ‘avia_stylesheet_dynamic_version’ . $safe_name );
if( empty( $version_number ) )
{
$version_number = $vn;
}wp_enqueue_style( ‘avia-dynamic’, $avia_dyn_stylesheet_url, array(), $version_number, ‘all’ );
}wp_enqueue_style( ‘avia-custom’);
if($child_theme_url != $template_url)
{
wp_enqueue_style( ‘avia-style’);
}}
}if(!function_exists(‘avia_remove_default_video_styling’))
{
if(!is_admin()){
add_action(‘wp_footer’, ‘avia_remove_default_video_styling’, 1);
}function avia_remove_default_video_styling()
{
/**
* remove default style for videos
*
* With WP 4.9 we need to load the stylesheet seperately – therefore we must not remove it
*/if( version_compare( get_bloginfo( ‘version’ ), ‘4.9’, ‘<‘ ) )
{
wp_dequeue_style( ‘mediaelement’ );
}// wp_dequeue_script( ‘wp-mediaelement’ );
// wp_dequeue_style( ‘wp-mediaelement’ );
}
}/*
* Activate native wordpress navigation menu and register a menu location
*/if(!function_exists(‘avia_nav_menus’))
{
function avia_nav_menus()
{
global $avia_config, $wp_customize;add_theme_support(‘nav_menus’);
foreach($avia_config[‘nav_menus’] as $key => $value)
{
//wp-admin\customize.php does not support html code in the menu description – thus we need to strip it
$name = (!empty($value[‘plain’]) && !empty($wp_customize)) ? $value[‘plain’] : $value[‘html’];
register_nav_menu($key, THEMENAME.’ ‘.$name);
}
}$avia_config[‘nav_menus’] = array( ‘avia’ => array(‘html’ => __(‘Main Menu’, ‘avia_framework’)),
‘avia2’ => array(
‘html’ => ”.__(‘Secondary Menu’, ‘avia_framework’).’ <br/><small>(‘.__(‘Will be displayed if you selected a header layout that supports a submenu’, ‘avia_framework’).’ ‘.__(‘here’, ‘avia_framework’).’)</small>’,
‘plain’=> __(‘Secondary Menu – will be displayed if you selected a header layout that supports a submenu’, ‘avia_framework’)),
‘avia3’ => array(
‘html’ => __(‘Footer Menu <br/><small>(no dropdowns)</small>’, ‘avia_framework’),
‘plain’=> __(‘Footer Menu (no dropdowns)’, ‘avia_framework’))
);avia_nav_menus(); //call the function immediatly to activate
}/*
* load some frontend functions in folder include:
*/require_once( ‘includes/admin/register-portfolio.php’ ); // register custom post types for portfolio entries
require_once( ‘includes/admin/register-widget-area.php’ ); // register sidebar widgets for the sidebar and footer
require_once( ‘includes/loop-comments.php’ ); // necessary to display the comments properly
require_once( ‘includes/helper-template-logic.php’ ); // holds the template logic so the theme knows which tempaltes to use
require_once( ‘includes/helper-social-media.php’ ); // holds some helper functions necessary for twitter and facebook buttons
require_once( ‘includes/helper-post-format.php’ ); // holds actions and filter necessary for post formats
require_once( ‘includes/helper-markup.php’ ); // holds the markup logic (schema.org and html5)
require_once( ‘includes/helper-assets.php’ ); // holds asset managment functions
require_once( ‘includes/helper-privacy.php’ ); // holds privacy managment shortcodes and functionsif(current_theme_supports(‘avia_conditionals_for_mega_menu’))
{
require_once( ‘includes/helper-conditional-megamenu.php’ ); // holds the walker for the responsive mega menu
}require_once( ‘includes/helper-responsive-megamenu.php’ ); // holds the walker for the responsive mega menu
//adds the plugin initalization scripts that add styles and functions
require_once( ‘config-bbpress/config.php’ ); //compatibility with bbpress forum plugin
require_once( ‘config-templatebuilder/config.php’ ); //templatebuilder plugin
require_once( ‘config-gravityforms/config.php’ ); //compatibility with gravityforms plugin
require_once( ‘config-woocommerce/config.php’ ); //compatibility with woocommerce plugin
require_once( ‘config-wordpress-seo/config.php’ ); //compatibility with Yoast WordPress SEO plugin
require_once( ‘config-menu-exchange/config.php’ ); //compatibility with Zen Menu Logic and Themify_Conditional_Menus pluginif(!current_theme_supports(‘deactivate_tribe_events_calendar’))
{
require_once( ‘config-events-calendar/config.php’ ); //compatibility with the Events Calendar plugin
}// if(is_admin())
require_once( ‘includes/admin/helper-compat-update.php’); // include helper functions for new versions/*
* dynamic styles for front and backend
*/if(!function_exists(‘avia_custom_styles’))
{
function avia_custom_styles()
{
require_once( ‘includes/admin/register-dynamic-styles.php’ ); // register the styles for dynamic frontend styling
avia_prepare_dynamic_styles();
}add_action(‘init’, ‘avia_custom_styles’, 20);
add_action(‘admin_init’, ‘avia_custom_styles’, 20);
}/*
* activate framework widgets
*/if(!function_exists(‘avia_register_avia_widgets’))
{
function avia_register_avia_widgets()
{
register_widget( ‘avia_newsbox’ );
register_widget( ‘avia_portfoliobox’ );
register_widget( ‘avia_socialcount’ );
register_widget( ‘avia_partner_widget’ );
register_widget( ‘avia_google_maps’ );
register_widget( ‘avia_fb_likebox’ );
register_widget( ‘avia_instagram_widget’ );}
avia_register_avia_widgets(); //call the function immediatly to activate
}/*
* add post format options
*/add_theme_support( ‘post-formats’, array(‘link’, ‘quote’, ‘gallery’,’video’,’image’,’audio’ ) );
/*
* Remove the default shortcode function, we got new ones that are better ;)
*/add_theme_support( ‘avia-disable-default-shortcodes’, true);
/*
* compat mode for easier theme switching from one avia framework theme to another
*/add_theme_support( ‘avia_post_meta_compat’);
/*
* make sure that enfold widgets dont use the old slideshow parameter in widgets, but default post thumbnails
*/add_theme_support(‘force-post-thumbnails-in-widget’);
/*
* display page titles via wordpress default output
*
* @since 3.6
*/function av_theme_slug_setup()
{
add_theme_support( ‘title-tag’ );
}add_action( ‘after_setup_theme’, ‘av_theme_slug_setup’ );
/*title fallback (up to WP 4.1)*/
if ( ! function_exists( ‘_wp_render_title_tag’ ) )
{
function av_theme_slug_render_title()
{
echo “<title>” . avia_set_title_tag() .”</title>”;
}
add_action( ‘wp_head’, ‘av_theme_slug_render_title’ );
}/*
* register custom functions that are not related to the framework but necessary for the theme to run
*/require_once( ‘functions-enfold.php’);
/*
* add option to edit elements via css class
*/
// add_theme_support(‘avia_template_builder_custom_css’);// Defer Javascripts – added by #SG. Meant to be at the very end of the code.
// Defer jQuery Parsing using the HTML5 defer property
if (!(is_admin() )) {
function defer_parsing_of_js ( $url ) {
if ( FALSE === strpos( $url, ‘.js’ ) ) return $url;
if ( strpos( $url, ‘jquery.js’ ) ) return $url;
// return “$url’ defer “;
return “$url’ defer onload='”;
}
add_filter( ‘clean_url’, ‘defer_parsing_of_js’, 11, 1 );
}
//End of added code by #SGHI.
This is the custom code on the page
#fullwidthsection .container {
width: 100% !important;
padding:0px;
max-width: none !important;
}
.avia-section.av-minimum-height .container .content p{
margin:0px;
}#fullwidthpossl .container {
width: 100% !important;
padding:0px;
max-width: none !important;
}
.avia-section.av-minimum-height .container .content p{
margin:0px;
}.mfp-title {
display: none !important;
}.mfp-counter {
display: none !important;
}.avia-slideshow-inner {
height: 400px !important;
}#header .av-main-nav > li > a {
background-color: transparent !important;
}#avia-menu .avia-menu-text {
background-color: transparent !important;
}.slide-image {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}@media only screen and (max-width: 990px) {
.avia-slideshow-inner {
height:auto !important;
}
}In reply to: How to decrease logo size?
Hi, Vinay,
I just saw a small issue I need to fix please, so in between the initial (big) logo (max-height: 90px;) and the scrolled (small) logo (max-height: 37.13px;) we have the “interim” logo (max-height: 80px;) w/o the paddings … So, how I could change the (max-height: 80px;) for (max-height: 71px;) please as it look great.
The only code we put into Quicj CSS was:/* Logo */
.responsive #top #header #header_main .inner-container .logo {
display: flex;
flex-basis: auto;
padding-top: 6px;
width: auto;/* Define scalable min width of the Logo on small screens */
min-width: 106.85px;
/* Define scalable max width of the Logo on big screens */
/* Logo width: (auto | 100% | px ); Set auto to display the uploaded image size */
max-width: 187px;
z-index: 9;
}
/* Logo image size */
.responsive #top #header .logo,
.responsive #top #header .logo a,
.responsive #top #header .logo img {
width: auto;/* Height specification is not required. It is proportional to the max width of the Logo */
height: auto;
align-items: center;
align-self: center;
justify-content: center;
}
/* CSS – Shrinking logo */
.responsive #top .header-scrolled .logo {
padding-top: 6px !important;
}
.responsive #top .header-scrolled .logo img {
max-height: 37.14px !important;
}In reply to: Sticky header with full width sub menu on iPad
Ismael,
I´ve used your above code to get the full width sub-menu to stick to the top of the screen for the ipad in landscape mode but it´s having no effect. The menu shows up in the correct place on the page but just scrolls up past the top of the page like the rest of the page contents and doesn´t stick.
I got round this problem for smaller screens with the burger menu by making the menu stick to the top from page load (which isn´t ideal but I can´t find a way to get it to respond the same on mobile screens as it does on larger screens) with the following css:
@media only screen and (max-width: 479px) {
.responsive #top .av-submenu-container {
position: fixed !important;
top: 120px !important;}
#top .av-subnav-menu > li > a {
font-size: 11px;
color: #56882d!important;
font-weight:700 !important;}
#top #av-custom-submenu-1 .av-menu-button > a .avia-menu-text {padding: 4px;}
#top .av-subnav-menu > li {margin: 0px 0px 0px 0px;}
}@media only screen and (min-width: 480px) and (max-width: 990px) {
.responsive #top .av-submenu-container {
position: fixed !important;
top: 120px !important;}
#top #av-custom-submenu-1 .av-menu-button > a .avia-menu-text {padding: 4px;}
#top .av-subnav-menu > li {margin: 0px 10px 0px 10px;}
}I added your above code for ipad landscape mode with the adjustment as follows:
@media only screen and (min-width: 991px) and (max-width: 1024px) {
.responsive #top .av-submenu-container {
top: auto !important;
position: relative !important;
height: auto;
min-height: 0;
margin-bottom: -1px;}
}but it´s had no effect. Any ideas? The page that the problem is occuring on is below!
Thanks for your help!!
Hello! Hope you’re doing well. Thanks as always for an amazing theme.
On our site for the mobile menu I am not really able to scroll up or down.
I’ve tried several other solutions posted in the help forums such as:
#mobile-advanced { overflow:auto!important; }and
#wrap_all { overflow-y: scroll; }and
.show_mobile_menu #mobile-advanced { overflow-y: scroll; }and
@media only screen and (max-width: 767px) { .boxed #wrap_all { overflow: hidden; /*needed for mobile menu scrolling */ } }and
@media only screen and (max-width: 767px) { #wrap_all {overflow: hidden !important; /*needed for mobile menu scrolling */} }As well as updating to enfold 4.4 and so far nothing has worked.
I also tried switching to the various mobile menu layout options.
(just sharing those so you know what I’ve tried so far)
Any ideas?
Thanks so much!In reply to: Add a widget above header
hm – i see it is hard to style if you got a header sticky to top. Because it scrolls away.
so i’m testing it right now to have the same behavior as #headertake better the hook: ava_main_header
add_action( 'ava_main_header', 'enfold_customization_widget_area_before_header' ); function enfold_customization_widget_area_before_header() { dynamic_sidebar( 'before-header' ); }and create a new widget called: before-header
but even this is hard to obtain rightly designed – because – the offset to main was wrong calculated then.
On non shrinking headers you can adjust this by giving the main container a different padding-top.#header_main > .widget { width: 100%; max-width: 1310px; margin: 0 auto; padding: 0 50px; } /*** depends on your header settings ***/ .html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 380px; }In reply to: How to decrease logo size?
Hi,
Thanks for the update. Try to use this css code to adjust the logo’s dimension on IE.
/*media all*/ .logo img { width: 198px; height: auto !important; } .header-scrolled .logo img { width: 99px; }`
Best regards,
IsmaelIn reply to: Advanced Layout Editor for Blog Post Page?
Hi,
I added the slider markup in the functions.php hook. (see private field)
<div id="full_slider_1" class="avia-fullwidth-slider main_color avia-shadow avia-builder-el-0 el_before_av_submenu avia-builder-el-first container_wrap fullsize"> <div data-size="featured" data-lightbox_size="large" data-animation="slide" data-conditional_play="" data-ids="14746" data-video_counter="0" data-autoplay="false" data-bg_slider="false" data-slide_height="" data-handle="av_slideshow_full" data-interval="5" data-class=" " data-css_id="" data-scroll_down="" data-control_layout="av-control-default" data-custom_markup="" data-perma_caption="" data-autoplay_stopper="" data-image_attachment="" data-min_height="0px" data-src="" data-position="top left" data-repeat="no-repeat" data-attach="scroll" data-stretch="" data-default-height="28.666666666667" class="avia-slideshow avia-slideshow-1 av-control-default avia-slideshow-featured av_slideshow_full avia-slide-slider" itemprop="ImageObject" itemscope="itemscope" itemtype="https://schema.org/ImageObject"> <ul class="avia-slideshow-inner " style="padding: 0px;"> <li class="av-single-slide slide-1 active-slide" style="visibility: visible; opacity: 1; transition: none; transform: translateZ(0px);"> <div data-rel="slideshow-1" class="avia-slide-wrap "><img src="https://www.new.barrelracingtips.com/wp-content/uploads/2018/08/blog-1500x380.png" width="1500" height="380" title="blog" alt="" itemprop="thumbnailUrl" style="left: 0px;"></div></li> </ul> </div> </div>Best regards,
IsmaelIn reply to: Submenu URL
Hi Victoria,
I think I have found the cause already. It is on tab section setting, I should have left empty the column for “initial open”. I did it and it didn’t scroll automatically anymore. Thank you
In reply to: Header Formatting Help
Hey raisonbrands,
First please excuse the late reply.
We would like the menu flyout to be on the same side as the burger menu icon. Can we just move burger icon and magnifying glass to the right as it is normally?
I added this code to the quick css field to move the menu button to the right:
#top #wrap_all .main_menu { position: absolute !important; }I also centered and increased the logo image with this code:
.responsive #top #wrap_all #header #header_main .inner-container .logo { width: auto; margin-right: auto; margin-left: auto; min-height: 100px; }You can replace the min-height value (100px) with a lower or higher value to adjust the logo size. You can also add a min-width value to the code. Please don’t forget to clear the browser cache – otherwise you might not notice the changes.
On hover, I would like the menu links to change to white (on the red background). There is not an option to change text color on hover in the advanced styling Menu Icon / slide out feature.
I added this code to change the hover color:
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a:hover { color: #ffffff; }Best regards,
Dude
