Dear Enfold Team,

i did finally manage to get the Burger Menu fixed to the left thanks to your support.

Now i would like to get the burger itself a bit changed:
The 3 lines are transparent but that’s not always really visible.

Can i change the burger “icon” to a circle with the lines in there?

An example to the idea you can find here:
http://www.zoo.ch

My currently used custom css:
/* Burger Menu shift up */
#scroll-top-link {right:125px; }
.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
line-height: 2.3em;
font-size: 18px;
}

/* Sticky burger on mobile left */
@media only screen and (max-width: 990px) {
.responsive #top .av-main-nav .av-burger-menu-main {
position: fixed;
top: 10px;
left: 0px;
}}

/* Flyout Mobile left */
.html_av-overlay-side .av-burger-overlay-scroll {
right: auto;
left: 0;
}

.html_av-overlay-side .av-burger-overlay-scroll {
width: 350px;
-webkit-transform: translateX(-350px);
transform: translateX(-350px);
}

/* Center Logo on mobile */
.responsive #top #wrap_all #header #header_main .inner-container .logo {
width: auto;
margin-right: auto;
margin-left: auto;
min-height: 100px;
}

We added 14 logo’s to the Partner/Logo block. Display them in 4 logo/rows slide autoscroll, no arrows.
—
Problem is that only the first 8 show (in two blocks of four), when we increase the collumns to 5 we can see 2 times 5 is 10 logo’s. The last ones are never shown.
—
With the arrowcontrol on we can select/show all logo’s, but that is not what we want. Is there a way to show all logog’s without arrow contol in a slideshow if there are more than 2 groups of logo’s to show?

• This topic was modified 5 years, 11 months ago by pierrevanlier.

hello i have this in my custom css file but int doesnt work in 4.7.1 can you tell me how it works again?

/* Have fun adding your style here :) – PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */

}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */

/* Hide the default icon */
#top #header .av-burger-menu-main a .av-hamburger .av-hamburger-inner,
#top #header .av-burger-menu-main a .av-hamburger .av-hamburger-inner:before,
#top #header .av-burger-menu-main a .av-hamburger .av-hamburger-inner:after {
display:none;
}

/* Custom default icon */
#top #header .av-burger-menu-main a .av-hamburger:before {

content: “\e816”;
font-family: ‘entypo-fontello’;
position: absolute;
font-size:30px;
color:#3091F2;

}

#top #av-burger-menu-ul {
vertical-align: top;
}

.html_av-overlay-side .av-burger-overlay-scroll {
background:black!important;
color:white;

right: auto;
-webkit-transform: translateX(0);
transform: translateX(0);
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
color: white!important;
}

#av-burger-menu-ul li a:hover {
background-image:linear-gradient(to right, red, black)!important;
color:white!important;
}
#mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title {
color: white;
}

}

Hi,
Can’t tie this back to an exact update however my pages have become corrupt. Where I have a avia layout builder text block the existing text is not visiable when editing the element. In the element preview there is a prompt that says the following “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.”

If I select the Text rather than the visual view then I get this scambled HTML.
<p>[av_google_map height='400px' zoom='12' saturation='-50' hue='' zoom_control='aviaTBzoom_control' maptype_control='' maptype_id='' google_link='' confirm_button='Click to load Google Maps' page_link_text='Open Google Maps in a new window' google_fallback='' attachment='' attachment_size='' av_uid='av-jws4nzmf']<br />[av_gmap_location address=' No.1 Brigid House, Brigid Rd' postcode='7800' city='Cape Town' state='Western Cape' country='South Africa' long='18.47956720000002' lat='-34.0389232' marker='' imagesize='40' av_uid='av-bzkrjl' tooltip_display='']<br />Natural Living Health & Beauty<br />[/av_gmap_location]<br />[/av_google_map][av_section min_height='' min_height_px='500px' padding='small' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='' color='main_color' background='bg_color' custom_bg='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' 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-a3nmup'][av_heading tag='h3' padding='10' heading='Contact us' color='' style='' custom_font='' size='' 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='' margin='20px,0,10px,0'][/av_heading][av_one_half first min_height='' vertical_alignment='av-align-top' space='' 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-jws4twtu'][av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jws4suii' admin_preview_bg='']<br />Find out more about Natural Living and our products by contacting our friendly customer service centre on our toll free number 0800 220 330 or alternatively, simply complete and submit the enquiry form below. We will endevour to respond to your enquiry as quickly as possible.ADDRESSNo.1 Brigid House, Brigid Road<br />Diep River, 7800<br />Cape Town<br />South AfricaCONTACTEmail: (Email address hidden if logged out) “> (Email address hidden if logged out) <br />Toll Free Telephone: 0800 220 330<br />Alternate Landline: 021 021 705 6460OFFICE HOURSMonday – Friday: 8:00 – 16:00<br />Saturday: Closed<br />Sunday: Closed<br />Public Holidays: Closed<br />[/av_textblock][/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' 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-9rwysx'][av_contact (Email address hidden if logged out) ' title='Send us an email' button='Submit' on_send='' sent='Your message has been sent!' link='manually,http://' subject='Natural Living website enquiry' autorespond='Thank you for your enquiry. We will respond to you as soon as possible. Have a nice day!' captcha='active' form_align='' color='' av_uid='av-jws4ymkx' admin_preview_bg='']<br />[av_contact_field label='Name' type='text' options='' check='is_empty' width='element_half' av_uid='av-8usbl' multi_select='' av_contact_preselect=''][/av_contact_field]<br />[av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_half' av_uid='av-6cm3f5' multi_select='' av_contact_preselect=''][/av_contact_field]<br />[av_contact_field label='Subject' type='text' options='' check='is_empty' width='' av_uid='av-4n95td' multi_select='' av_contact_preselect=''][/av_contact_field]<br />[av_contact_field label='Message' type='textarea' options='' check='is_empty' width='' av_uid='av-1whrzl' multi_select='' av_contact_preselect=''][/av_contact_field]<br />[/av_contact][/av_one_half][/av_section]</p>

The page is a contact us page. It has a google map with GPS marker for our business. It has a text block with address and contact numbers and lastly, it has a contact form. Every other page that uses a text block also has the same issues. Above the avia layout builder is the classic editor which I prefer not to use or see. I am not able to apply any changes via the classic editor. I have tried recreating the page, removing blocks etc to no avail. Please assist urgently.

Hey,
Thank you for your work and the exceptional theme.
I am trying to implement infinite scroll with masonry gallery. I’m using jscroll. It’s almost working but there are some problems. First the content were loaded but the pictures were set as hidden and opacity to 0. I am wondering why the class containing gallery part is called
<div class="av-masonry-container isotope av-js-disabled ">
and
<div class="av-masonry-entry isotope-item av-masonry-item-no-image ">
I revealed pictures by setting css rules to:

.av-masonry-entry {
    visibility: visible !important; 
    opacity: 1 !important; 
}

Next problem is related to the lightboxes. All loaded pictures by jscroll won’t open as a lightbox. Instead they open in a new tab as a whole picture. In developer tools I see that the events are not attached to the gallery entries.
I enclose the code:

add_action( 'wp_enqueue_scripts', 'load_jscroll' );

function load_jscroll(){
		wp_register_script('jscroll', 'https://cdnjs.cloudflare.com/ajax/libs/jscroll/2.4.1/jquery.jscroll.min.js', false, '1.11.3');
    wp_enqueue_script('jscroll');
}

function infinite_scroll() {
    global $avia_config;
        echo '<script type="text/javascript">
            jQuery( "#works-grid" ).jscroll( {
            debug: true,
            nextSelector: "span.current + a",
            contentSelector: ".works-grid",
            autoTrigger: true
        } )
        </script>';
}

add_action( 'wp_footer', 'infinite_scroll' );

What am I doing wrong?

Hallo,

eine Avia Tabelle (Data Table) hat 3 Spalten und diese sind am Smartphone horizontal zu scrollen. Am Desktop wird der Scrollbalken überall automatisch angezeigt, wenn man das Fenster schmäler macht. Am Smartphone mit Android jedoch nicht. Nur wenn mit dem Finger nach rechts swiped, ist er kurz da und blendet sich wieder aus. Das Problem ist, dass User somit nicht erkennen können, dass sie nach rechts weiter swipen können.

Gibt es hierfür irgendeine Lösung, bspw. ein CSS Snippet?

Bei der Tabelle ist bereits die Option “” eingestellt.
Responsive Styling
Select which table styling should be used if the screen is too small for the table.
“Make entire Table scrollable”.

Hi! I’ve changed the size of transparant logo and that works perfect, but when you scroll down the logo is for 1 sec being smaller before it shows the default logo.

This is the css code i’m using:

#top .av_header_transparency.av_alternate_logo_active .logo {
height: 200%;
width: auto;
overflow: visible;
}

Tried without #top but also didn’t work.

Any ideas? See link in private data to see what I mean!

Hi everyone,
may page einfachrosa.de does not scroll to the section anymore when hitting the section button in the top menu. It worked for a short file, but somehow stopped already a while ago. Can anyone help?

Hello.

We’re using Enfold child and when I added a read more button (code below) the size of the element gives what looks like more margin if I scroll it out of sight.

function ava_custom_script_mod(){
?>
<script>
(function($){
$(window).on(‘av-height-change’, function() {
$(‘.av-masonry-entry’).each(function() {
var more = $(this).find(‘.av-masonry-read-more’);
var cont = $(this).find(‘.av-inner-masonry-content-pos’);

if( more.length == 1 ) return;
$(‘<div class=”av-masonry-read-more”>Les mer</div>’).insertAfter(cont);
});
});
})(jQuery);
</script>
<?php
}
add_action(‘wp_footer’, ‘ava_custom_script_mod’);