Hi!

I tested this code on my installation it worked fine when i was trying it on your child theme the server is giving 500 error. Please post FTP access or remove the first block of code that say’s and let us know so we can continue the work.

//One page nav highlight
 
function activateMenuItem(){
?>
<script>
     jQuery(document).scroll(function() {
     var sections = jQuery('.avia-section'),
         menu   = jQuery('.av-submenu-container'),        
         nav_height = menu.outerHeight();
         jQuery(window).on('scroll', function() {
            var cur_pos = jQuery(this).scrollTop();
            sections.each(function() {
                var top = jQuery(this).offset().top - 300,
                    bottom = top + jQuery(this).outerHeight();
                if (cur_pos >= top && cur_pos <= bottom) {
                    menu.find('a').removeClass('active-menu-item');                    
                    menu.find('a[href="#' + jQuery(this).attr('id') + '"]').addClass('active-menu-item');
                }
            });
        });
    });
 
</script>
<?php
}
add_action('wp_head', 'activateMenuItem');

Best regards,
Vinay Kashyap

Hey!

This usually happens if the theme is not correctly installed. Please login to the WordPress Dashboard>Updates > Re-install of WordPress

After, do a full re-install of the theme files over FTP: https://vimeo.com/channels/aviathemes/67209750

Regards,
Vinay Kashyap

Hi!

@begrafiks thank you for your help!

Please enable custom class name support and use the css below in Quick CSS and add 2 images on the page and use class name “only_mobile” or “only_desktop” on the Advanced Layout Builder elements

/*Show only in mobile or desktop*/

@media only screen and (min-width: 769px) {
.only_mobile { display: none !important; }}

@media only screen and (max-width: 768px) {
.only_desktop { display: none !important; }}

Best regards,
Vinay Kashyap

Hey!

To change the slider transition speed please edit js > shortcodes.js, find this code:

//transition speed when switching slide<br />
transitionSpeed:900,

Replace it with:

//transition speed when switching slide<br />
transitionSpeed:3000,

To change the font style

h2.avia-caption-title {
   font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

Please check this link for more info about font family http://www.cssfontstack.com/arial

Regards,
Vinay Kashyap

Hi Oliviasimone!

To change the phone number please use the below css in Enfold > general styling > Quick CSS

#menu-item-6729 .avia-menu-text {
    color:gold!important;
}

To change the background of the button

#menu-item-7580.av-menu-button .avia-menu-text {
    color:#000!important;
    background-color:#fff000!important;
    border:none!important;
}

Best regards,
Vinay Kashyap

Hey!

Please use media queries to target styles in mobile

/* For screen size less than tablets */
@media only screen and (max-width: 767px) {
 /* Your CSS here */
}

The one below is for screens larger than tablets

/* For screen size more than tablets */
@media only screen and (min-width: 767px) {
 /* Your CSS here */
}

In your case it would be the first one

/* For screen size less than tablets */
@media only screen and (max-width: 767px) {
 .sub-menu .sub-menu {
    left: 20px !important;
}
}

For more specific media queries please check this link https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Regards,
Vinay Kashyap

Hey doperdoll!

please use the below css to make the dropdown look similar to megamenu

#top .av-main-nav ul a {
    padding: 3px 12px 3px 12px;
    font-weight: normal;
    font-size: 14px!important;
    line-height: 23px!important;
}

#top .av-main-nav ul a:hover {
    font-size: 14px!important;
}

Regards,
Vinay Kashyap

Hey!

@supernovadm Thank you for sharing the tip. We really appreciate it :)

Cheers!
Vinay Kashyap

Hey!

To use a different menu you need to add a condition to load a different menu if it is a specific page you can do that using plugins like

https://wordpress.org/plugins/zen-menu-logic/
https://wordpress.org/plugins/menu-items-visibility-control/
https://wordpress.org/plugins/page-specific-menu-items/
https://wordpress.org/plugins/menu-swapper/

or by editing the code here is some helpful info https://css-tricks.com/forums/topic/show-different-nav-menu-on-specific-pages-wordpress/

Regards,
Vinay Kashyap

Hey!

In the contact form options are you using multiple emails separated by comma ? or just one email?

There is a known issue with multiple email’s but it should work absolutely fine if you are using just one email.

Did you check the spam folder? If your mails are getting delivered into spam please contact your hosting provider.

If you are not getting any autoresponder emails at all we would like to take a closer look please create a temporary user with ‘administrator’ role and share in private content with permission to deactivate all plugins and add custom code if necessary to help you resolve this issue.

Best regards,
Vinay Kashyap

Hey!

Glad it is working fine :) We have put together some info about enfold theme please feel free to check it out here – http://kriesi.at/documentation/enfold/

Thank you for using Enfold.

Regards,
Vinay Kashyap

Hi!

The form looks great now! Glad you got it sorted :)

Regards,
Vinay Kashyap

Hi!

We are working on your ticket please wait while we update the results here soon.

Please use “Yes” in lightbox options

Regards,
Vinay Kashyap

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

Hi!

We are working on your ticket please wait while we update the results here soon.

Please check the homepage now

We added the below CSS to quick CSS and class name “custom-bg-1” to the color section and removed the background image from the color section.

/* Color Section Bg Image*/
.custom-bg-1 {
background: #FFF url(https://www.potentialmatters.com/wp-content/uploads/2016/01/123rf-28387068-2560x933-smaller.jpg);   
background-size: cover;     
background-position:bottom right; 
}
@media only screen and (max-width: 767px) {
  .custom-bg-1 {
background: #FFF !important;   
background-size: cover;     
background-position:center center; 
} 
}

Your text looks pretty close to the image instead of using different lines by hitting the Enter key which create a new <p> tag use one single line with <br> where ever you need a line break and adjust the line height and letter spacing using CSS.

Cheers!
Vinay Kashyap

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

Hi!

It is actually a CSS gradient if you like to achieve the same effect.

Here you go

.main_color .av-striped-bar .theme-color-bar .bar {
     background-image: linear-gradient(-45deg, #c3512f 25%, #e5734f 25%, #e5734f 50%, #c3512f 50%, #c3512f 75%, #e5734f 75%, #e5734f);
}

Cheers!
Vinay Kashyap