Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:

.av-inner-tab-title {
    font-size: 20px;
    font-weight: bold;
}

Best regards,
Yigit

Hi,

Please use the code as following

p#element_avia_1_1:before {
    content: "\e864";
    font-family: entypo-fontello;
    color: #3ec607;
    font-size: 18px;
    padding-right: 6px;
    position: absolute;
    top: 12px;
    left: 5px;
}
#top .avia_ajax_form .text_input {
    width: 90% !important; 
}

Regards,
Yigit

Hi,
Thank you for the admin login, so the reason the code crashed your site is because your sub-menu shortcode contains HTML in the menu text field which uses double quotes " so when it’s added to the PHP code above the quotes must be escaped with a backslash.
So I added this code to your functions.php:

add_action('ava_after_main_title', 'ava_after_main_title_mod');
function ava_after_main_title_mod() {
	if(is_page()) {
		echo do_shortcode("[av_submenu which_menu='custom' menu='16' position='center' color='main_color' sticky='aviaTBsticky' mobile='disabled' av_uid='av-k2hq150d' custom_class='yuppie']
        [av_submenu_item title='<span class=\"av-icon-char\" style=\"font-size:32px;line-height:18px;padding-right: 10px;\" aria-hidden=\"true\" data-av_icon=\"\" data-av_iconfont=\"entypo-fontello\"></span><br>Събития' link='manually,https://www.yuppie.cherry-adv.net/events/' linktarget='_blank' button_style='av-menu-button av-menu-button-colored' av_uid='av-owwd3']
        [av_submenu_item title='<span class=\"av-icon-char\" style=\"font-size:32px;line-height:18px;padding-right: 10px;\" aria-hidden=\"true\" data-av_icon=\"\" data-av_iconfont=\"entypo-fontello\"></span><br>ДемоУрок' link='page,638' linktarget='_blank' button_style='av-menu-button av-menu-button-colored' av_uid='av-ne7zz']
        [av_submenu_item title='<span class=\"av-icon-char\" style=\"font-size:32px;line-height:18px;padding-right: 10px;\" aria-hidden=\"true\" data-av_icon=\"\" data-av_iconfont=\"entypo-fontello\"></span><br>Блог' link='page,747' linktarget='_blank' button_style='av-menu-button av-menu-button-colored' av_uid='av-fnlwn']
        [av_submenu_item title='<span class=\"av-icon-char\" style=\"font-size:32px;line-height:18px;padding-right: 10px;\" aria-hidden=\"true\" data-av_icon=\"\" data-av_iconfont=\"entypo-fontello\"></span><br>Like us' link='page,601' linktarget='_blank' button_style='av-menu-button av-menu-button-colored' av_uid='av-6phgf']
        [/av_submenu]");
	}
}

I added a custom class “yuppie” to the sub-menu to better apply the css across all of your pages and then added this css to your Quick CSS:

.yuppie.av-sticky-submenu .av-subnav-menu a,.yuppie.av-sticky-submenu,.yuppie.av-sticky-submenu .av-menu-button-colored > a .avia-menu-text {
	background-color: #ee3f6a;
    color: #ffffff;
    border-color: #ee3f6a !important; 
    padding: 0px !important; 
}
.yuppie.av-sticky-submenu .av-subnav-menu > li.menu-item {
    width: 24.30%;
    text-align: center;
}

So now pages such as /the-little-gym/ which don’t have the sub-menu element in the backend now show the sub-menu on the frontend on mobile. But pages that do have the old sub-menu element on the backend such as /detski-centar-yuppie/ now show the old sub-menu on top of the new sub-menu, so please remove these.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
To add your page ID to the css you would add it to the beginning of the rule like this:
.page-id-206 label[for="avia_1_1"]:before {
but if you are not using the labels and want the icon before the fields we will use this css instead:

p#element_avia_1_1:before {
  content: "\e864";
  font-family: entypo-fontello;
  color: #3ec607;
  font-size: 18px;
  padding-right: 6px;
}
#top .avia_ajax_form .text_input {
    width: 90% !important; 
}

but you will still need to find the ID of each field to target.
If you need further help with this please link to the form on your site so we can be of more assistance.

Best regards,
Mike

Hey megamazl,
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_consent_tag_script(){
  ?>
  <script>
(function($) {
  $(document).ready(function(){
    function replaceElementTag(targetSelector, newTagString) {
      $(targetSelector).each(function(){
        var newElem = $(newTagString, {html: $(this).html()});
        $.each(this.attributes, function() {
          newElem.attr(this.name, this.value);
        });
        $(this).replaceWith(newElem);
      });
    }
    replaceElementTag('#av-consent-extra-info h3.av-special-heading-tag', '<span></span>');
  });
}(jQuery)); 
</script>
<?php
}
add_action('wp_footer', 'custom_consent_tag_script');

and add this code in the General Styling > Quick CSS field:

#av-consent-extra-info span.av-special-heading-tag {
	font-size: 20px;
	font-weight: 300;
}

Then clear your browser cache and any cache plugin, and check.

Best regards,
Mike

Hey Alexander,
You can do this with css in your Quick CSS like this:

label[for="avia_1_1"]:before {
  content: "\e864";
  font-family: entypo-fontello;
  color: #3ec607;
  font-size: 18px;
  padding-right: 6px;
}

the only trick is that you will have to examine the form html to determine the code for each label, and you should preced the css with the page ID so the icon doesn’t show on every contact form on your site.

If you need further help with this please link to the form on your site so we can be of more assistance.

Best regards,
Mike

Hey,

1- You can go to Enfold theme options > Advanced Styling and edit “Main Menu sublevel Links” to increase font size of sub menu items.
2- Please try adding following code to Quick CSS in Enfold theme options > General Styling

#header .nine.units {
    width: 590px;
}

Best regards,
Yigit

Hi,

Please try using the code as following

.sub_menu li a {
    font-size: 14px!important;
}

Best regards,
Yigit

Shalom!

Please add following code to Quick CSS field in Enfold theme options > General Styling tab and adjust as needed

.sub_menu li {
    font-size: 16px;
}

Cheers!
Yigit

Hi,

Thanks for contacting us!

That seems to be related to padding and quite honestly expected when font size is big for mobile. Possible solutions would be decreasing font size or decreasing padding on mobile.

Please add following code to Quick CSS in Enfold theme options under General Styling tab

@media only screen and (max-width: 480px) {
.av-image-caption-overlay-center {
    font-size: 24px!important;
}}

If that does not help, please post a link of your page :)

Cheers!
Yigit