-
Search Results
-
Hi Rikard,
I’m not sure what you mean about what I named it. I just copied and pasted what you said at the very top in the Quick CSS field like this:
Quick CSS Box:
.header-extra-padding {
padding:20px;
}
.logo { top: 93px; }
#top #wrap_all .av-social-link-facebook a {
color: #fff;
background-color: #37589b;
}
#header_meta {
background-color:black !important;
}
.phone-info span {
color:white !important;
font-size: 11px;
}
#scroll-top-link {
background-color: #e80000;
color: white;
border-color: white;
}
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a,
.responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {
height: 120px;
line-height: 120px;
}
}
@media only screen and (max-width: 767px) {
.responsive #top #header_main > .container .main_menu .av-main-nav > li > a,
.responsive #top #wrap_all .av-logo-container {
height: 120px !important;
line-height: 120px;
}
}
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .main_menu {
top: -35px;
left: auto;
right: 0vw;}
}
@media only screen and (max-width: 770px) {
#header {height: 85px !important; }
.responsive #top #header .logo,.responsive #top #header .logo a,.responsive #top #header .logo img {max-width: 170px !important; }}
@media only screen and (max-width: 480px) {
.logo {
position: relative!important;
top: 35px!important;
}
#header_main .inner-container {
height: 180px;
}}
@media only screen and (max-width: 767px) {
.responsive #main avia-layerslider {
display:none;
}}
@media screen and (max-width: 468px) {
.avia-slideshow-inner {
min-height: 100px;
}
.avia-slideshow li img {
min-height: 200px;
width: 400px;
min-width: 400px;
}
}
@media only screen and (max-width: 989) {
/* Add your Mobile Styles here */
.responsive #top .logo {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
top: 0;
}.responsive #top #header_main {
z-index: 3;
min-height: 80px;
position: relative;
}.responsive #top .logo img {
margin: 0;
margin: 0 auto;
max-height: 80px !important;
}
}In reply to: Enfold Inquiry
Hi,
Glad to hear that you were able to purchase Enfold, as I understand your question you have tried to create an API key for the Enfold v3.8 to update automatically through the theme. Unfortunately, this will not work because Theme Forest doesn’t use the API key anymore to update, they have switched to a Token system that v3.8 doesn’t support. So you will need to update via FTP or your webhost “file manager”, here is a short tutorial:
The easiest and safest way to update an old theme is to download the newest version from Theme Forest and rename your current theme to “enfold-old” via ftp then upload the new “enfold” and check that your site is working correctly.
Once you are happy you can delete the “enfold-old” via ftp, (not the WP theme page)
Should for some reason you wish to roll-back to the old version, it’s easy to do, simply rename the new “enfold” to “enfold-new” via ftp and then rename “enfold-old” to “enfold” then refresh your page.
Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors.If you don’t feel comfortable doing this I will assist, I will need an admin login & FTP access in the Private Content area.
But you will also need to register your new support account, from this end it looks like you are still using the contact form email that we started on. I will add the instructions to register your support account below and then you can post the info I need there. Then please copy the url to your post and add it to this email so I can find it quickly and assist.
Sorry for the extra step, but I can only offer support to support members, thanks for your understanding.For technical support please register here kriesi.at/support/register with your item purchase code .
Go to https://kriesi.at/support/enfold
Scroll to the bottom of the page to open a new ticket.
Best regards,
MikeHello,
If you go to http://www.lager-im-griff.de and scroll down, you will notice that every few seconds the page scrolls a bit. How can I stop that?
In reply to: logo
Hey, how to make the active link in the menu a different color. And how to automatically make in switch when scrooling down the page using the plugin “page scroll to id”
thanks in advance
I have it inserted at the top of the CSS and still not working. Below is the entire CSS field.
.single .sub-menu a .avia-menu-text{ color:#fff!important; } #footer .widget {font-size: 13px;} #top .av_header_transparency #header_meta {border: none !important;} .av_header_transparency .menu-item-top-level .avia-menu-text {color: white !important;} #about-events .desc_trig_outter .desc_trig {border: none !important; padding-top: 20px !important;height: auto !important;} #about-events .featured {display: none !important;} .av-subnav-menu a {font-weight: bold;text-transform: uppercase;color: white !important;font-size: 15px !important;} #top .av-subnav-menu a { font-size: 14px; } #mobile-advanced { background: rgba(0, 0, 0, 0.9); } #mobile-advanced a{ color: white; } #mobile-advanced a:hover, #mobile-advanced a:hover .avia-menu-text{ background: inherit !important; } #mobile-advanced a:hover .avia-menu-text{ color: skyBlue; } .header-scrolled .sub-menu a .avia-menu-text { color: #ccc; }I have a fresh new installation of the latest ENFOLD at my site and tried to add manually a TOC.
The only thing I did now is putting this snippet to my Code Snippets Plugin:
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); }Then I added at the beginning of a post manually (I do not want it in every post!!!) this:
[avs_toc]Note: I do not use the ALB for posts and I do not use the Gutenberg editor.
But nothing is shown – see screenshots below -, although there are h2, h3, h4 headlines in the post.
Is something wrong with the snippet for ENFOLD 4.5.7?
Topic: Grid row not 100% responsiv
Hi,
I have a grid row with 3 Media Elements and text above.
On mobile devices
– the first image is moved to the second cell
– the second image is moved to the third cell
– and the third image is moved to a second row in the third cell
the text shrank only a bit and is now partly readable (I got a quick css for the text size from one of you – see below)I also tried to insert the image into the grid cell – but than I don’t get the images at all in the mobile device preview
here is the link https://www.sbot.co.at/#bereiche
sorry I have to paste all used quick css as I don’t know which one is the right
#top .aviaccordion-preview-title-wrap {
background: transparent;
}/* Title and excerpt color */
#top .aviaccordion-excerpt,
#top .aviaccordion-preview-title h3 {
color:#ffffff;
}#top .grid-content h3{
font-size: 22px;
text-align: center;
font-family: sans-serif;
}.isotope_activated .isotope-item {
padding: 10px;
}.aviaccordion-title {
position: absolute;
bottom: 0;
}.av-image-caption-overlay-center {
display: block;
text-align: center;
position: absolute;
bottom: 20px;
}#bottom .gridrow {
border: none;
}#after_submenu_1 {
border-color:transparent !important;
}.av-image-caption-overlay-center {
width:100%;
}span.av-milestone-indicator {
display:none !important;
}#after_section_1, #after_section_2, #after_section_3, #after_section_4, #after_section_5, #after_section_6 {
border: none;
}.header-scrolled #avia-menu li a .avia-menu-text {
color:#000 !important;
}#top #header .av-main-nav > li > a .avia-menu-text {
color: #000 !important;
}
.html_header_glassy #top #header .av-main-nav > li > a .avia-menu-text {
color: #fff !important;
}
.html_header_glassy #top #header.header-scrolled .av-main-nav > li > a .avia-menu-text {
color: #000 !important;
}.av-tab-section-image {
height: 120px !important;
width: 120px !important;
margin-left: auto;
margin-right: auto;
}.av-tab-section-tab-title-container {
background-color: #ffffff;
}.av-inner-tab-title {
width: 80px !important;
font-size: 16px !important;
font-weight: bold !important;
}/* Sticky header on mobile */
@media only screen and (max-width: 767px) {
.responsive #top #main {
/* Margin top value should be equal to header height*/
margin-top: 180px;
}
.responsive #top #wrap_all #header {
position: fixed;
}
}In reply to: Adding CSS to layer on LayerSlider
Thanks so much for much for getting back to me with such an elaborate response, Mike. Kudos. I didn’t expect that and I’m truly impressed over how you’re going to extra mile to help me out on this.
It’s needless to say that I’m quite frustrated over how Kreatura has been cutting corners with the Play-by-Scroll feature on LayerSlider. I looked at their sample slider as well and agree with you that it has the very same problem of not having an easy-to-recognize starting point that would help users to understand what is expected of them in order to be able to navigate the slider.
This is why I was thinking to use a background with an alternating background color. It was my hope that this background would show – like a static background image – hence the user would know something is happening instead of looking just on a bare white background.
The problem is still very perplexing to me. I can’t see the background on any Mac browser (i.e. Safari, Google Chrome, and Firefox) and I didn’t see it either when looking at it on my son’s Windows 10 machine. It goes without saying that I cleared the cache on my Mac browsers – I didn’t do that on my son’s Window’s machine, because it was the first time I was accessing this page from there. I don’t work with this machine. So, in that respect, your video is extremely interesting. I think I understand what you mean by the background flashing. I think it’s the result of using colors that are very bright and intervals of only 10s. It’s needless to say that these aren’t the colors I want to use.
What I meant with off-setting the transparent header was: (I) as you can see, the transparent header completely disappears on the white background of the initial slide of this slider – It’s why I’d love being able to use the auto changing background color. I will need to use a transparent header though, because the following slides require that. (II) Or is it possible to change the settings for the header for each slide? With other words, use a non-transparent header on slide 1 and transparent headers on the following slides?
In closing, you are absolutely right. The Play-by-Scroll feature is a premium feature of LayerSlide, but I own the full license; so, it works.
I have a sandbox site that’s a 100% mirror of my actual site. I created admin access for you there as well, so you can take a look at this slider in it’s native environment (UI) to see if you can make sense of this. Please see the NEW link and login information below.
It goes without saying that I’m extremely grateful for your willingness to help me out here. As I mentioned earlier, I’m truly impressed with you going the extra mile here.
Many thanks, Mike.
In reply to: Adding CSS to layer on LayerSlider
Thanks so much for getting back to me, Mike. That was quick. You guys rock!
You are right. As of now there’s just a white background. But if you scroll down with your mouse, an animated message will appear, followed by the second slide. It’s the Play-by-scroll feature and it’s not as easy to work with than you would think. I’m sure LayerSlider has awesome features, but there’s a steep learning curve.
Anyways, as I mentioned and to tackle the issue with the white background, of the first opening slide, I’d like to have a background that’s looped and automatically changes colors every 20s. I think I got the proper CSS code inserted in the Style section of the BG layer, along with the required class in the HTML content element – but it doesn’t work …
Ideally, I’d like this layer with the changing background to appear as soon as the the slider/pages loads.
Many thanks for your time and help with this Mike. I truly appreciate it.
In reply to: Jumping to anchors from other pages does't work well
Hi,
Sorry for the late reply, I took a look at your two sites and what stands out to me on the site that has the issue has a lazy-load plugin & autoptimize, which typically is at the root of many issues. Neither of these are showing on the site that is working correctly, but the issue could be something else, it’s really hard to say because there is no way to test for this that provides feedback, you would need to disable everything including scripts and then test everything one at a time. Unfortunately once the issue is found, most people don’t want to go without whatever plugin or script is causing it and start looking for a way around it.I can recommend the plugin Page scroll to id to solve this issue, whether it direct linking to an anchor from off-site, same page anchors, or page to page anchors. I’m certain that it will help you. There are a lot of options in it, but the one that seems to help the most is the one that allows it to wait before smooth scrolling to the ID, usually about 300 milliseconds does the trick, it’s just about when the images load so you don’t even know you were waiting.
Best regards,
MikeIn reply to: Mega Menu layout
that rule here:
#top #header .avia_mega_div { max-height: calc(100vh - 200px); overflow: auto !important; }is for scrollable mega menu.
If the height of the mega div is more than the screen-height the overflow is on .
you can play a bit with the value 200px 50px seems to be enoughIn reply to: Mega Menu layout
can you try this to see if it fits your needs – we had to use the flex model to style it:
#top #header .avia_mega_div { max-height: calc(100vh - 200px); overflow: auto !important; } #top #header .avia_mega_div > .sub-menu { display: flex; align-items: stretch; justify-content: flex-start; } #header .avia_mega_div .units { border-right: 4px solid #010660 ; } #header .avia_mega_div .avia_mega_menu_columns_first { padding-left: 15px; border-left: 4px solid #010660; } #header .avia_mega_div .avia_mega_menu_columns_last { border-right: 4px solid #010660; }- the max-height is necessary for example for ipad – that mega menu is scrollable inside.
- the stretch makes the columns inside the same height – so the borders can have the same length
- if you don’t liike the left border on first row and right border on last element – get rid of the last two rules
hope that it looks this way then:
Masonry need press “Load More” button so other posts will be loading
is there a function can make the Masonry auto Load when user scrolling down the page ?
thanks.Hello
For a One-Pager I use Sticky-Header and Anchor-Links. I works very well if I click these Links at a Computer. The page scrolls automatically to the corresponding topic. But on a tablets it doesn’t work, the corresponding topic disappears under the sticky header.Has someone an idea how I can solve this?
Thank you!
Here the Website I#m talking about: http://www.ruthbeilharz.de
As the Grit Element is all the time Fullwidth and cannot be changed to Content Width, I did edit and create a new Element, which has same functionallity, but has the content width (not destroying pages with sidebars).
As others look for it and no solution is provided, here is mine.
create new file and add it in childtheme:
add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1); function avia_include_shortcode_template($paths) { $template_url = get_stylesheet_directory(); array_unshift($paths, $template_url.'/shortcodes/'); return $paths; }create folder shortcode in childtheme and add file there (name is not important):
<?php /** * Grid Row * * Shortcode which adds multiple Grid Rows below each other to create advanced grid layouts. Cells can be styled individually */ // Don't load directly if ( !defined('ABSPATH') ) { die('-1'); } if ( !class_exists( 'avia_sc_grid_row_nofullwidth' ) ) { class avia_sc_grid_row_nofullwidth extends aviaShortcodeTemplate{ static $count = 0; /** * Create the config array for the shortcode grid row */ function shortcode_insert_button() { $this->config['type'] = 'layout'; $this->config['self_closing'] = 'no'; $this->config['contains_text'] = 'no'; $this->config['layout_children'] = array( 'av_cell_one_full', 'av_cell_one_half', 'av_cell_one_third', 'av_cell_one_fourth', 'av_cell_one_fifth', 'av_cell_two_third', 'av_cell_three_fourth', 'av_cell_two_fifth', 'av_cell_three_fifth', 'av_cell_four_fifth' ); $this->config['name'] = __('Grid Row (Content Width)', 'avia_framework' ); $this->config['icon'] = AviaBuilder::$path['imagesURL']."sc-layout_row.png"; $this->config['tab'] = __('Layout Elements', 'avia_framework' ); $this->config['order'] = 15; $this->config['shortcode'] = 'av_layout_grit'; $this->config['html_renderer'] = false; $this->config['tinyMCE'] = array('disable' => "true"); $this->config['tooltip'] = __('Add multiple Grid Rows below each other to create advanced grid layouts. Cells can be styled individually', 'avia_framework' ); $this->config['drag-level'] = 1; $this->config['drop-level'] = 100; $this->config['disabling_allowed'] = false; } function extra_assets() { //load css wp_enqueue_style( 'avia-module-gridrow' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/grid_row/grid_row.css' , array('avia-layout'), false ); } /** * 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['content'] = trim($params['content']); if(empty($params['content'])) $params['content'] = "[av_cell_one_half first][/av_cell_one_half] [av_cell_one_half][/av_cell_one_half]"; */ extract($params); $name = $this->config['shortcode']; $data['shortcodehandler'] = $this->config['shortcode']; $data['modal_title'] = $this->config['name']; $data['modal_ajax_hook'] = $this->config['shortcode']; $data['dragdrop-level'] = $this->config['drag-level']; $data['allowed-shortcodes'] = $this->config['shortcode']; if(!empty($this->config['modal_on_load'])) { $data['modal_on_load'] = $this->config['modal_on_load']; } $dataString = AviaHelper::create_data_string($data); if($content) { $final_content = $this->builder->do_shortcode_backend($content); $text_area = ShortcodeHelper::create_shortcode_by_array($name, $content, $args); } else { $cell = new avia_sc_cell_one_half($this->builder); $params = array('content' => "", 'args' => array(), 'data'=>''); $final_content = ""; $final_content .= $cell->editor_element($params); $final_content .= $cell->editor_element($params); $text_area = ShortcodeHelper::create_shortcode_by_array($name, '[av_cell_one_half][/av_cell_one_half] [av_cell_one_half][/av_cell_one_half]', $args); } $title_id = !empty($args['id']) ? ": ".ucfirst($args['id']) : ""; $hidden_el_active = !empty($args['av_element_hidden_in_editor']) ? "av-layout-element-closed" : ""; $output = "<div class='avia_layout_row {$hidden_el_active} avia_layout_section avia_pop_class avia-no-visual-updates ".$name." av_drag' ".$dataString.">"; $output .= " <a class='avia-add-cell avia-add' href='#add-cell' title='".__('Add Cell','avia_framework' )."'>".__('Add Cell','avia_framework' )."</a>"; $output .= " <a class='avia-set-cell-size avia-add' href='#set-size' title='".__('Set Cell Size','avia_framework' )."'>".__('Set Cell Size','avia_framework' )."</a>"; $output .= " <div class='avia_sorthandle menu-item-handle'>"; $output .= " <span class='avia-element-title'>".$this->config['name']."<span class='avia-element-title-id'>".$title_id."</span></span>"; $output .= " <a class='avia-delete' href='#delete' title='".__('Delete Row','avia_framework' )."'>x</a>"; $output .= " <a class='avia-toggle-visibility' href='#toggle' title='".__('Show/Hide Section','avia_framework' )."'></a>"; if(!empty($this->config['popup_editor'])) { $output .= " <a class='avia-edit-element' href='#edit-element' title='".__('Edit Row','avia_framework' )."'>".__('edit','avia_framework' )."</a>"; } $output .= "<a class='avia-save-element' href='#save-element' title='".__('Save Element as Template','avia_framework' )."'>+</a>"; $output .= " <a class='avia-clone' href='#clone' title='".__('Clone Row','avia_framework' )."' >".__('Clone Row','avia_framework' )."</a></div>"; $output .= " <div class='avia_inner_shortcode avia_connect_sort av_drop' data-dragdrop-level='".$this->config['drop-level']."'>"; $output .= "<textarea data-name='text-shortcode' cols='20' rows='4'>".$text_area."</textarea>"; $output .= $final_content; $output .= "</div>"; $output .= "<a class='avia-layout-element-hidden' href='#'>".__('Grid Row content hidden. Click here to show it','avia_framework')."</a>"; $output .= "</div>"; return $output; } /** * 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() { global $avia_config; $this->elements = array( array( "type" => "tab_container", 'nodescription' => true ), array( "type" => "tab", "name" => __("Content" , 'avia_framework'), 'nodescription' => true ), array( "name" => __("Grid Borders",'avia_framework' ), "id" => "border", "desc" => __("Choose if your layout grid should display any border",'avia_framework' ), "type" => "select", "std" => "", "subtype" => array( __('No Borders' , 'avia_framework' ) =>'', __('Borders on top and bottom' , 'avia_framework' ) =>'av-border-top-bottom', __('Borders between cells' , 'avia_framework' ) =>'av-border-cells', __('Borders on top and bottom and between cells' , 'avia_framework' ) =>'av-border-top-bottom av-border-cells', ) ), array( "name" => __("Custom minimum height", 'avia_framework' ), "desc" => __("Do you want to use a custom or predefined minimum height?", 'avia_framework' ), "id" => "min_height_percent", "type" => "select", "std" => "", "subtype" => array( __( 'At least 100% of Browser Window height', 'avia_framework' ) => '100', __( 'At least 75% of Browser Window height', 'avia_framework' ) => '75', __( 'At least 50% of Browser Window height', 'avia_framework' ) => '50', __( 'At least 25% of Browser Window height', 'avia_framework' ) => '25', __( 'Custom height in % based on browser windows height', 'avia_framework' ) => 'percent', __( 'Custom height in pixel', 'avia_framework' ) => '', ) ), array( 'name' => __( 'Section minimum custom height in %', 'avia_framework' ), 'desc' => __( 'Define a minimum height for the gridrow in % based on the browser windows height', 'avia_framework' ), 'id' => 'min_height_pc', 'required' => array( 'min_height_percent', 'equals', 'percent' ), 'std' => '25', 'type' => 'select', 'subtype' => AviaHtmlHelper::number_array( 1, 99, 1 ) ), array( "name" => __("Minimum height", 'avia_framework' ), "desc" => __("Set the minimum height of all the cells in pixel. eg:400px", 'avia_framework' ), "id" => "min_height", "required"=> array('min_height_percent','equals',''), "type" => "input", "std" => "0", ), array( "name" => __("Section Colors",'avia_framework' ), "id" => "color", "desc" => __("The section will use the color scheme you select. Color schemes are defined on your styling page",'avia_framework' ) . '<br/><a target="_blank" href="'.admin_url('admin.php?page=avia#goto_styling').'">'.__("(Show Styling Page)",'avia_framework' )."</a>", "type" => "select", "std" => "main_color", "subtype" => array_flip($avia_config['color_sets']) ), array( "name" => __("Mobile Behaviour",'avia_framework' ), "id" => "mobile", "desc" => __("Choose how the cells inside the grid should behave on mobile devices and small screens",'avia_framework' ), "type" => "select", "std" => "av-flex-cells", "subtype" => array( __('Default: Each cell is displayed on its own' , 'avia_framework' ) =>'av-flex-cells', __('Cells appear beside each other, just like on large screens' , 'avia_framework' ) =>'av-fixed-cells', ) ), array( "name" => __("For Developers: Section ID", 'avia_framework' ), "desc" => __("Apply a custom ID Attribute to the section, so you can apply a unique style via CSS. This option is also helpful if you want to use anchor links to scroll to a sections when a link is clicked", 'avia_framework' )."<br/><br/>". __("Use with caution and make sure to only use allowed characters. No special characters can be used.", 'avia_framework' ), "id" => "id", "type" => "input", "std" => ""), array( "id" => "av_element_hidden_in_editor", "type" => "hidden", "std" => "0"), array( "type" => "close_div", 'nodescription' => true ), array( "type" => "tab", "name" => __("Screen Options",'avia_framework' ), 'nodescription' => true ), array( "name" => __("Mobile Breaking Point",'avia_framework' ), "desc" => __("Set the screen width when cells in this row should switch to full width", 'avia_framework' ), "type" => "heading", "description_class" => "av-builder-note av-neutral", ), array( "name" => __("Fullwidth Break Point", 'avia_framework' ), "desc" => __("The cells in this row will switch to fullwidth at this screen width ", 'avia_framework' ), "id" => "mobile_breaking", "type" => "select", "std" => "", "subtype" => array( __('On mobile devices (at a screen width of 767px or lower)','avia_framework' ) =>'', __('On tablets (at a screen width of 989px or lower)', 'avia_framework' ) =>'av-break-at-tablet', ) ), 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 ), array( "type" => "close_div", 'nodescription' => true ), ); } /** * 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 $atts = shortcode_atts( array( 'color' => 'main_color', 'border' => '', 'min_height' => '0', 'min_height_percent' => '', 'min_height_pc' => 25, 'mobile' => 'av-flex-cells', 'mobile_breaking' => '', 'id' => '' ), $atts, $this->config['shortcode'] ); if( 'percent' == $atts['min_height_percent'] ) { $atts['min_height_percent'] = $atts['min_height_pc']; } extract( $atts ); $output = ''; $params = array(); $params['class'] = "av-layout-grid-container entry-content-wrapper {$color} {$mobile} {$mobile_breaking} {$av_display_classes} {$border} {$meta['el_class']}"; $params['open_structure'] = false; $params['custom_markup'] = $meta['custom_markup']; $params['data'] = ''; if( $min_height_percent != '' ) { $params['class'] .= " av-cell-min-height av-cell-min-height-{$min_height_percent}"; $params['data'] .= " data-av_minimum_height_pc='{$min_height_percent}'"; } //we dont need a closing structure if the element is the first one or if a previous fullwidth element was displayed before if(isset($meta['index']) && $meta['index'] == 0) $params['close'] = false; if(!empty($meta['siblings']['prev']['tag']) && in_array($meta['siblings']['prev']['tag'], AviaBuilder::$full_el_no_section )) $params['close'] = false; if(isset($meta['index']) && $meta['index'] > 0) $params['class'] .= " submenu-not-first"; avia_sc_cell::$attr = $atts; //$output .= avia_new_section($params); $output .= "<div style='clear:both'></div><div class='nocontentwidth'>"; $output .= ShortcodeHelper::avia_remove_autop($content,true) ; //$output .= avia_section_after_element_content( $meta , 'after_submenu_' . avia_sc_grid_row_nofullwidth::$count, false); $output .= "</div> <style>.nocontentwidth .flex_cell.avia-builder-el-first { padding-left: 0px; } .nocontentwidth .flex_cell.avia-builder-el-last { padding-right: 0px; }</style> <div style='clear:both'></div>"; // added to fix https://kriesi.at/support/topic/footer-disseapearing/#post-427764 avia_sc_section::$close_overlay = ""; return $output; } } }The new element is visible in the Layout Section of the Visual Builder.
In reply to: flyout menu left
Hey Dogmut,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:.html_av-overlay-side .av-burger-overlay-scroll { right: auto; left: 0; } .html_av-overlay-side .av-burger-overlay-scroll { -webkit-transform: translateX(-10px)!important; transform: translateX(-10px)!important; } .av_font_icon.av-icon-style-inline { float: none!important; display: inline-block!important; vertical-align: middle!important; margin: 0 8px!important; }Best regards,
Mike@guenni007 Thank you for your help modifying the lightbox to autoamtically scroll through images. Works great. Any chance you could help me to make it pause on hover?
Hello
Some elements aren’t so good on mobile phone. It’s nice on a computer I would like to change some aspect of a “grid row” but only for mobile phone.It’s possible?
On the cell of a grid row, I would like to have : (look at the image)
This is what I want that CSS for mobile :
{
height: 1000px;
min-height: 1000px;
background: url(https://les-cieux.fr/wp-content/uploads/2019/06/2019-05-26-11.09.09-1-728×1030.jpeg) top center no-repeat scroll;
background-size: auto;
vertical-align: top;
padding: 30px;
}and this CSS for normal mode (Computer, Ipad …)
{
height: 1000px;
min-height: 1000px;
background: url(https://les-cieux.fr/wp-content/uploads/2019/06/2019-05-26-11.09.09-1-728×1030.jpeg) top center no-repeat scroll;
background-size: auto;
vertical-align: top;
padding: 30px;
}Hope it’s possible !
Thanks guys ! I love your theme
HI,
After importing the Visual Artist Demo everything displays correctly initially.
When I try to edit any text boxes including the testimonials box various errors occur.For example, There are two text boxes which say “Click here to add your own text”.
When I click on either of these to add my own text in the popup, the Element Preview says“It seems you are currently adding some HTML markup or other special characters. Once all HTML tags are closed the preview will be available again. If this message persists please check your input for special characters and try to remove them.”
The content window contains ALL the following text. It is tricky to delete it, but I have managed to, however, it comes back after saving and viewing the changes.
<p><p><p>[av_section min_height='100' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='border-extra-diagonal' bottom_border_diagonal_color='#6ca9d0' bottom_border_diagonal_direction='' bottom_border_style='' scroll_down='aviaTBscroll_down' custom_arrow_bg='' id='' color='main_color' custom_bg='' src='https://byates.com/wp-content/uploads/2015/07/sketch1a-1.jpg' attachment='212' attachment_size='full' attach='fixed' position='center center' repeat='contain' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0'][/av_section][av_section min_height='100' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='border-extra-diagonal' bottom_border_diagonal_color='#ffffff' bottom_border_diagonal_direction='border-extra-diagonal-inverse' bottom_border_style='' scroll_down='aviaTBscroll_down' custom_arrow_bg='#6ca9d0' id='' color='main_color' custom_bg='#6ca9d0' src='https://byates.com/wp-content/uploads/2015/07/sketch1b-1.jpg' attachment='213' attachment_size='full' attach='fixed' position='center center' repeat='contain' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0'][/av_section][av_section min_height='100' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='border-extra-diagonal' bottom_border_diagonal_color='#dd71ae' bottom_border_diagonal_direction='' bottom_border_style='' scroll_down='aviaTBscroll_down' custom_arrow_bg='' id='' color='main_color' custom_bg='' src='https://byates.com/wp-content/uploads/2015/07/sketch2a-1.jpg' attachment='214' attachment_size='full' attach='fixed' position='center center' repeat='contain' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0'][/av_section][av_section min_height='100' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='border-extra-diagonal' bottom_border_diagonal_color='#ffffff' bottom_border_diagonal_direction='border-extra-diagonal-inverse' bottom_border_style='' scroll_down='aviaTBscroll_down' custom_arrow_bg='#dd71ae' id='' color='main_color' custom_bg='#dd71ae' src='https://byates.com/wp-content/uploads/2015/07/sketch2b-1.jpg' attachment='215' attachment_size='full' attach='fixed' position='center center' repeat='contain' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0'][/av_section][av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='border-extra-diagonal' bottom_border_diagonal_color='#7bc6c7' bottom_border_diagonal_direction='' bottom_border_style='' scroll_down='aviaTBscroll_down' custom_arrow_bg='' id='portfolio' 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_element_hidden_in_editor='0'][av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top'][av_heading tag='h1' padding='20' heading='Do you enjoy my work? here are some other pieces I recently made' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#000000' size='40' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size=''][/av_heading][/av_one_full][av_one_half first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top'][av_textblock size='' font_color='' color='']<br />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.<br />[/av_textblock][/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top'][av_textblock size='' font_color='' color='']<br />Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo.<br />[/av_textblock][/av_one_half][av_hr class='invisible' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello'][av_masonry_gallery ids='218,219,220,221,222,223' items='6' columns='6' paginate='none' size='fixed' orientation='' gap='large' overlay_fx='active' container_links='active' id='' caption_elements='none' caption_styling='' caption_display='on-hover' color='' custom_bg='' av-medium-columns='' av-small-columns='' av-mini-columns=''][av_hr class='invisible' height='100' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg=''][/av_section][av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='border-extra-diagonal' bottom_border_diagonal_color='#ffffff' bottom_border_diagonal_direction='border-extra-diagonal-inverse' bottom_border_style='' scroll_down='aviaTBscroll_down' custom_arrow_bg='#7bc6c7' id='about' color='main_color' custom_bg='#7bc6c7' 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_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top'][av_heading tag='h1' padding='20' heading='A little bit about me...' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='40' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size=''][/av_heading][/av_one_full][av_one_third first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top' mobile_breaking='' mobile_display=''][av_image src='https://byates.com/wp-content/uploads/2015/07/desat-girl-m5-1.jpg' attachment='216' attachment_size='full' align='center' styling='circle' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' admin_preview_bg=''][/av_image][/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top'][av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='rgb(34, 34, 34)']<br />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis.Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<br />[/av_textblock][/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top'][av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='rgb(34, 34, 34)']<br />Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdteger tincidunt.<br />[/av_textblock][/av_one_third][av_hr class='invisible' height='100' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg=''][/av_section][av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='border-extra-diagonal' bottom_border_diagonal_color='#acc7a7' bottom_border_diagonal_direction='' bottom_border_style='' scroll_down='aviaTBscroll_down' custom_arrow_bg='' id='' 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_element_hidden_in_editor='0']<br />[av_heading tag='h1' padding='20' heading='What my customers say about me' color='' style='blockquote modern-quote modern-centered' custom_font='' size='40' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(255, 255, 255)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size=''][/av_heading][av_testimonials style='slider_large' columns='2' interval='5' font_color='' custom_title='' custom_content='']<br />[av_testimonial_single src='' name='Macky Mac' subtitle='' link='' linktext='']<br />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<br />[/av_testimonial_single]<br />[av_testimonial_single src='' name='Franco Moriti' subtitle='' link='' linktext='']<br />Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.<br />[/av_testimonial_single]<br />[/av_testimonials][av_hr class='invisible' height='100' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='']<br />[/av_section][av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#ffffff' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='#7bc6c7' id='contact' color='main_color' custom_bg='#acc7a7' 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']<br />[av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top'][av_heading tag='h1' padding='20' heading='Get in touch' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='40' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size=''][/av_heading][/av_one_full][av_one_half first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top' mobile_breaking='' mobile_display=''][av_contact email='' 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-light-form' admin_preview_bg='rgb(34, 34, 34)']<br />[av_contact_field label='Name' type='text' check='is_empty' options='' multi_select='' av_contact_preselect='' width=''][/av_contact_field]<br />[av_contact_field label='E-Mail' type='text' check='is_email' options='' multi_select='' av_contact_preselect='' width=''][/av_contact_field]<br />[av_contact_field label='Message' type='textarea' check='is_empty' options='' multi_select='' av_contact_preselect='' width=''][/av_contact_field]<br />[/av_contact][/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top'][av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='rgb(34, 34, 34)']<br />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.<br />[/av_textblock][/av_one_half]<br />[/av_section]</p></p>
In reply to: Scaling for my website
Hey Victoria, Something went wrong haha.
I fixed it and cleaned up the code:
Still have a few problems left: (http://quirktools.com/screenfly/#u=http%3A//www.medexs.nl&w=1024&h=768&a=22&s=1)
– The arrows, the menu to the left and double on ipad.@media only screen and (max-width: 1220px) { nav.main_menu { display: block !important; } #avia-menu .menu-item { display: none; } .av-burger-menu-main.menu-item-avia-special { display: block; } } a.slide-image { display: none!important; } .slide-content .slide-meta { display: none; } .avia-content-slider .slide-entry-title { font-size: 20px!important; text-transform: uppercase; color: white !important; height: 60px; } .html_elegant-blog .av-vertical-delimiter { display: none !important; } .avia-content-slider { font-size: 13px!important; color: white !important; } #top .avia-slideshow-arrows a.prev-slide { opacity: 1; left: 130px; top: -60px; background: #139eda; color: white; } #top .avia-slideshow-arrows a.next-slide { opacity: 1; right: 130px; top: -60px; background: #139eda; color: white; } .avia-content-slider { overflow: visible; } #top #header .av-main-nav > li { padding-left: 30px; padding-right: 30px; } #top .avia-slideshow-arrows a:before { background-color: transparent; } #scrollpijl { background-color: transparent !important; } #header-home { background-color: transparent !important; } .av-main-nav > li > a { padding: 0 9px; } #header.av_header_transparency { background-color: transparent; } #top #wrap_all #footer .flex_column p{ font-size: 12px !important; } .breadcrumb { font-size: 10px !important; color: #139eda !important; } .breadcrumb { font-size: 10px !important; color: #0670b7 !important; } .inner_sidebar { margin-top: 20px !important; } #menu-item-search{ left:80px!important; } .av-main-nav-wrap, .main_menu { width: 100% !important; margin-left: -21px !important; } #header .widget { width: 20%; position: relative; margin-left: auto; margin-right: auto; } #header .widget:nth-child(1) { left: 80%; padding-top: 25; position: absolute; top: 0; transform: translate(-50%); z-index: 999; } #header .widget:nth-child(2) { left: 50%; padding-top: 15; position: absolute; top: 0; transform: translate(-50%); z-index: 999; } @media screen and (max-width: 800px) { #header .widget:nth-child(1) { visibility: hidden; clear: both; float: left; margin: 10px auto 5px 20px; width: 28%; display: none; } } @media screen and (max-width: 800px) { #header .widget:nth-child(2) { visibility: hidden; clear: both; float: left; margin: 10px auto 5px 20px; width: 28%; display: none; } }In reply to: Downloading page Consulting
In reply to: Downloading page Consulting
In reply to: jQuery for GoogleMap no scrolling
Hi Ismael,
i have a google map implemented in an iframe and wrapped it in a div container:
<div class="map-container"> <iframe width="100%" height="450" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.de/maps/ms?msa=0&ie=UTF8&vpsrc=6&fll=49.490124,10.798531&fspn=0.013297,0.034332&st=109146043351405611748&rq=1&ev=zo&split=1&sll=48.850258,13.178101&sspn=2.754455,8.453979&q=&msid=215565028450110778478.0004aad8bd13a7b82a4a0&ll=48.810481,11.310425&spn=2.17056,3.839722&z=8&output=embed"></iframe> </div>I also use this css to activate the pointer-event only when the container is clicked:
.map-container iframe{ width: 100%; pointer-events: none; } .map-container iframe.clicked{ pointer-events: auto; }Thank you for the missing part in my JS. It now seems to work as expected.
Best,
DennisIn reply to: Scaling for my website
Hey Victoria,
The css I have right now is this: also because I needed the search bar in the logo header.
What can I remove to fix this?@media only screen and (min-width: 990px) and (max-width: 1220px) { nav.main_menu { display: block !important; } #avia-menu .menu-item { display: none; } .av-burger-menu-main.menu-item-avia-special { display: block; } } a.slide-image { display: none!important; } .slide-content .slide-meta { display: none; } .avia-content-slider .slide-entry-title { font-size: 20px!important; text-transform: uppercase; color: white !important; height: 60px; } .html_elegant-blog .av-vertical-delimiter { display: none !important; } .avia-content-slider { font-size: 13px!important; color: white !important; } #top .avia-slideshow-arrows a.prev-slide { opacity: 1; left: 130px; top: -60px; background: #139eda; color: white; } #top .avia-slideshow-arrows a.next-slide { opacity: 1; right: 130px; top: -60px; background: #139eda; color: white; } .avia-content-slider { overflow: visible; } #top #header .av-main-nav > li { padding-left: 30px; padding-right: 30px; } @media only screen and (max-width: 767px) { .responsive #top .logo { width: auto; } } #top .avia-slideshow-arrows a:before { background-color: transparent; } #scrollpijl { background-color: transparent !important; } #header-home { background-color: transparent !important; } .av-main-nav > li > a { padding: 0 9px; } #header.av_header_transparency { background-color: transparent; } #top #wrap_all #footer .flex_column p{ font-size: 12px !important; } .breadcrumb { font-size: 10px !important; color: #139eda !important; } .breadcrumb { font-size: 10px !important; color: #0670b7 !important; } .inner_sidebar { margin-top: 20px !important; } @media only screen and (max-width: 767px) { .av-burger-menu-main{ left:300px!important; } #menu-item-search{ left:80px!important; } .logo img{ width:80%!important; }} .av-main-nav-wrap, .main_menu { width: 100% !important; margin-left: -21px !important; } #header .widget { width: 20%; position: relative; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 767px) { #header .widget { width: 100%; position: absolute; left: 10%; top: 100px; }} #header .widget:nth-child(1) { left: 80%; padding-top: 25; position: absolute; top: 0; transform: translate(-50%); z-index: 999; } #header .widget:nth-child(2) { left: 50%; padding-top: 15; position: absolute; top: 0; transform: translate(-50%); z-index: 999; } @media screen and (max-width: 800px) { #header .widget:nth-child(1) { visibility: hidden; clear: both; float: left; margin: 10px auto 5px 20px; width: 28%; display: none; } } @media screen and (max-width: 800px) { #header .widget:nth-child(2) { visibility: hidden; clear: both; float: left; margin: 10px auto 5px 20px; width: 28%; display: none; } }Hello,
When I go to edit a page the Avia editor never appears–the spinner spins indefinitely. If I scroll to near the bottom of the editor page, I see the following:
Warning: Illegal string offset 'shortcodehandler' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 480 Warning: Illegal string offset 'modal_title' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 481 Warning: Illegal string offset 'modal_ajax_hook' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 482 Warning: Illegal string offset 'dragdrop-level' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 483 Warning: Illegal string offset 'allowed-shortcodes' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 484 Warning: Invalid argument supplied for foreach() in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/generic-helper.class.php on line 320 Warning: Illegal string offset 'shortcodehandler' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 480 Warning: Illegal string offset 'modal_title' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 481 Warning: Illegal string offset 'modal_ajax_hook' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 482 Warning: Illegal string offset 'dragdrop-level' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 483 Warning: Illegal string offset 'allowed-shortcodes' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 484 Warning: Illegal string offset 'modal_on_load' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 495 Warning: Invalid argument supplied for foreach() in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/generic-helper.class.php on line 320 Warning: Illegal string offset 'shortcodehandler' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 480 Warning: Illegal string offset 'modal_title' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 481 Warning: Illegal string offset 'modal_ajax_hook' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 482 Warning: Illegal string offset 'dragdrop-level' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 483 Warning: Illegal string offset 'allowed-shortcodes' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 484 Warning: Illegal string offset 'modal_on_load' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 495 Warning: Invalid argument supplied for foreach() in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/generic-helper.class.php on line 320 Warning: Illegal string offset 'shortcodehandler' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 480 Warning: Illegal string offset 'modal_title' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 481 Warning: Illegal string offset 'modal_ajax_hook' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 482 Warning: Illegal string offset 'dragdrop-level' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 483 Warning: Illegal string offset 'allowed-shortcodes' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 484 Warning: Illegal string offset 'allowed-shortcodes' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 488 Warning: Illegal string offset 'allowed-shortcodes' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 489 Fatal error: Uncaught Error: Cannot use string offset as an array in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php:489 Stack trace: #0 /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php(443): aviaShortcodeTemplate->create_sortable_editor_element(Array) #1 /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/template-builder.class.php(397): aviaShortcodeTemplate->prepare_editor_element() #2 /home/public/wp-includes/class-wp-hook.php(286): AviaBuilder->js_template_editor_elements('') #3 /home/public/wp-includes/class-wp-hook.php(310): WP_Hook->apply_filters('', Array) #4 /home/public/wp-includes/plugin.php(465): WP_Hook->do_action(Array) #5 /home/public/wp-includes/media-template.php(1347): do_action('print_media_tem...') #6 /home/public/wp-includes/class-wp-hook.php(286): wp_print_media_templates('') #7 /home/public/wp-includes/class-wp-hook.php(310): WP_Ho in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 489I also got an email from Word Press that reads:
Howdy! Since WordPress 5.2 there is a built-in feature that detects when a plugin or theme causes a fatal error on your site, and notifies you with this automated email. In this case, WordPress caught an error with your theme, Enfold. First, visit your website ([redacted]) and check for any visible issues. Next, visit the page where the error was caught ([redacted]) and check for any visible issues. Please contact your host for assistance with investigating this issue further. If your site appears broken and you can't access your dashboard normally, WordPress now has a special "recovery mode". This lets you safely login to your dashboard and investigate further. [redacted] To keep your site safe, this link will expire in 1 day. Don't worry about that, though: a new link will be emailed to you if the error occurs again after it expires. Error Details ============= An error of type E_ERROR was caused in line 489 of the file /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php. Error messag\ e: Uncaught Error: Cannot use string offset as an array in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php:489 Stack trace: #0 /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php(443): aviaShortcodeTemplate->create_sortable_editor_element(Array) #1 /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/template-builder.class.php(397): aviaShortcodeTemplate->prepare_editor_element() #2 /home/public/wp-includes/class-wp-hook.php(286): AviaBuilder->js_template_editor_elements('') #3 /home/public/wp-includes/class-wp-hook.php(310): WP_Hook->apply_filters('', Array) #4 /home/public/wp-includes/plugin.php(465): WP_Hook->do_action(Array) #5 /home/public/wp-includes/media-template.php(1347): do_action('print_media_tem...') #6 /home/public/wp-includes/class-wp-hook.php(286): wp_print_media_templates('') #7 /home/public/wp-includes/class-wp-hook.php(310): WP_HoPlease help! Much obliged,
RichardIn reply to: Product tabs automatically scrolling up on click
Hi,
When i click on a tab name, the page scrolls up, so the user has to scroll down again to view the content. See link for example. I have already contacted the plugin developer and he thinks its a problem with the Enfold theme.
This is because of the smooth scroll feature of the theme. All links containing anchors will automatically scroll to their corresponding container. You can find that script in the js > avia.js file.
//smooth scrolling if($.fn.avia_smoothscroll) $('a[href*="#"]', container).avia_smoothscroll(container);You can either disable that script altogether or exclude the custom product tabs.
Best regards,
IsmaelThank you @guenni007! The function to make the lightbox scroll automatically works great! I’m going to try to convince my customer to start the lightbox by clicking a pic in the gallery instead of the auto link but I’ll try your suggestion is I need to
Thanks for your help!
Beth
In reply to: wider centered logo, transparent glassy header
Not on scroll — I said depending on the browser width. Anyway, I toke another crack at it and found something that seems to work — here it is, including all my media queries, in case it helps anyone. Let me know if you think there’s a simpler/better way — again, this is for https://atlanticspecialtycoffee.com/
/* WIDER LOGO - STICKY HEADER & TRANSPARENT ON HOME PAGE */ div .logo { float: none; position: relative; } .logo a img { margin: 0 auto; width: 850px; } .logo img.alternate { position: relative; top: -95px; } @media only screen and (max-width: 1200px) and (min-width: 990px) { .logo a img { width: 670px; margin: 10px auto; } .logo img.alternate { top: -85px; } } @media only screen and (max-width: 989px) and (min-width: 768px) { .html_header_top.html_logo_center .logo { left: 0; -webkit-transform: none; transform: none; } .responsive .logo img { width: 600px; margin: 12px auto; } } @media only screen and (max-width: 900px) and (min-width: 768px) { .responsive .logo img { width: 450px; margin: 20px auto; } } @media only screen and (max-width: 767px) { .responsive .logo img { width: 400px; } }Hello,
I installed a plugin called Custom Product Tabs for WooCommerce by Yikes.
When i click on a tab name, the page scrolls up, so the user has to scroll down again to view the content. See link for example. I have already contacted the plugin developer and he thinks its a problem with the Enfold theme.
I have tried turning off all plugins (except woocommerce and the tabs plugin) but it didn’t make a difference.
Any help you can give me would be appreciated.
In reply to: Fullscreen slider on mobile devices
Hello,
If I can help someone, the Ismael option didn’t work for me, but this simple CSS worked fine in iphone X, without touching anything else:@media only screen and (max-width: 767px){
.avia-fullscreen-slider .avia-slideshow>ul>li {
background-size: auto 767px !important;
background-attachment: scroll !important;
}
}
