Hey Pixel_Production,

Thanks for your kind words :)

1.) Try adding this code in Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:980px) and (min-width:767px) {
  #top #spalte-abstand .flex_column_table {
    display: block;
  }

  #top #spalte-abstand .flex_column_table div.flex_column.av_one_fourth {
    width: 46%;
    display: block;
    float: left;
  }
}

2.) Unfortunately you can’t do it like that and it would take really much time to modify the form to accomodate that, but I suggest instead of organizing it vertically, do it horizontally maybe you can do something like 3 text inputs above using 1/3 width then below it 3 checkboxes in 1/3 width also, I think it wouldn’t have any issues on mobile.

Regarding the footer you can add additional top margin to adjust it, try adding this code in Quick CSS:

#footer #text-3 {
    margin-top: 50px;
}

Just adjust the top margin, hope this helps. :)

Best regards,
Nikko

Hey DigitalEssence,

You can copy this part of the code:

$meta['page'][] = 'event';

paste it just the bottom of it then replace event with event-recurring, it should look like this:

add_filter('avf_builder_boxes', 'add_builder_to_posttype');
function add_builder_to_posttype($metabox)
{
	foreach($metabox as &$meta)
	{
		if($meta['id'] == 'avia_builder' || $meta['id'] == 'layout')
		{
			$meta['page'][] = 'event'; /*instead add the name of the custom post type here*/
			$meta['page'][] = 'event-recurring';
		}
	}
	return $metabox;
}

Let us know if it works.

Best regards,
Nikko

Hi,

Can you post a link where the code above doesn’t work? so we can inspect further. I have tried to use your code (which is more backward compatible, and is better than the code I gave) on my local server and tested with the settings you gave but don’t have any issues mentioned.

Best regards,
Nikko

Hey EastBayMeditation,

Haven’t encountered that problem before. Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

Login credentials include:

• The URL to the login screen.
• A valid username (with full administration capabilities).
• As well as a password for that username.
• permission to deactivate plugins if necessary.

Also please give us ftp access so we can check the files. For the meantime, can you try to deactivate all plugins and see if the error disappears probably because of js conflict.

Best regards,
Nikko

Hi Justin,

Sorry for the late response, can you try to add this in Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:767px) {
  avia-fullscreen-slider .avia-slideshow {
    max-height: 86vh !important;
  }
}

Let us know if this helps.

Best regards,
Nikko

Hi,

It would affect all 1/5 and 3/5. I would suggest enabling custom css classes first, you can check it in this post: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

By using custom css classes you can target specific classes. And you can use something like this:

#top .custom_one_fifth {
    width: 10%;
}

#top .custom_three_fifth {
    width: 68%;
}

The code above uses this custom class names custom_one_fifth and custom_three_fifth, you can use same class name and probably change the width. Hope this helps.

Best regards,
Nikko

Hey CloudChoice,

When Avia Layout Builder is enabled it acts like a page (even if it’s post) and the defaults aren’t used that’s probably what you are experiencing. Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

Login credentials include:

• The URL to the login screen.
• A valid username (with full administration capabilities).
• As well as a password for that username.

Also please post a link to the page/post mentioned that has the issue.

Best regards,
Nikko

Hey!

I noticed the things that might have caused it not to work or have problems.
1.) Since you have replaced the url it’s already good but you forget to add the semi-colon at the end of this code:
src: url('wp-content/uploads/font-organizer/TrajanPro3-Regular.otf') format('otf')

2.) You need to have different formats for it to work properly in different browsers, currently it’s otf as you can see in the code, this should be the complete code:

@font-face {
    font-family: 'FuturaStdHeavy';
    src: url('fonts/FuturaStdHeavy.eot');
    src: url('fonts/FuturaStdHeavy.eot') format('embedded-opentype'),
         url('fonts/FuturaStdHeavy.woff2') format('woff2'),
         url('fonts/FuturaStdHeavy.woff') format('woff'),
         url('fonts/FuturaStdHeavy.ttf') format('truetype'),
         url('fonts/FuturaStdHeavy.svg#FuturaStdHeavy') format('svg');
}

I suggest you convert the otf file you have here: https://everythingfonts.com/font-face it should give you all the files needed after conversion and it will have a css file which you can use to copy and paste it in Quick CSS and just replace the urls.

Cheers!
Nikko

Hi,

Sorry for the late response. The topic title doesn’t match the issue you are referring and I checked the previous threads since I remembered the screenshots which is supposed to be fixed, anyways, I applied the code I gave in this thread: https://kriesi.at/support/topic/mobile-menu-and-image-slider/#post-712916 that should fix the problem, let us know if you still have some issues with it.

Best regards,
Nikko

Hi,

We apologize for the late response. It’s not possible if you used the way you put it in the screenshot, google analytics wont work by doing that, but it should work if you replace the analytics id with the whole js code of google analytics, but I recommend just putting the analytics code there and as for your custom fonts you may want to put it in functions.php by adding this code at the bottom:

function add_custom_font(){
?>
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<?php 
}
add_action('wp_head', 'add_custom_font');

Just replace opens sans css with your custom font. Hope this helps.

Best regards,
Nikko

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

Hi,

I have added this css code in Quick CSS:

span.av-rotator-text.av-rotator-multiline-on {
    display: block;
}

The issue should be fixed, checking or unchecking multiline should work properly, let us know if also good on your end.

Best regards,
Nikko

Hey!

After this block of code I gave above:

  #top #wrap_all #header.av_header_transparency {
    background-color: #f7f7f7 !important;
    color: #344652 !important;
    border-color: #f7f7f7 !important
  }

Kindly add this after it:

#header #advanced_menu_toggle {
    background: transparent;
    border: 0;
    color: #fff;
}

#header.av_header_transparency #advanced_menu_toggle {
    color: #376982;
}

Hope this helps :)

Best regards,
Nikko

Hey!

I think that is a possibility. Just post on this thread when it’s ready :)

Regards,
Nikko

Hey!

The latest version of mozilla is 50.0.2, it should work there, I have tested it in same version as you have of mozilla and works fine on my end. Can you post a link to your site? so we can inspect further, you can place the link in “private content” so only moderators can see.

Best regards,
Nikko

Hey!

You’re very much welcome. Glad we could help :)

Best regards,
Nikko