Hi UntappedA!

The featured image option was hidden in the screen options which is on the top right

Please check the blog post now the images are visible :)

Best regards,
Vinay

Hey!

@Ivne I think your issue is a different one you can change the menu order from Appearance > Menu > Select the menu you want to change and drag the menu items to the top or bottom of the list to change order.

if this is not what you are looking for please open a new ticket and provide a link to the site where we can inspect the element in question.

Cheers!
Vinay

Hi!

Bumping will not help in getting faster replies. the system marks it as answered and push it to the bottom of queue. Please wait while we get yo your ticket and answer it will be much faster.

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

We have added the below code and fixed the issue please check the site and let us know if you have any questions

custom css

/* onepage nav active menu item*/
@media only screen and (min-width: 769px) {
.current_page_item .avia-menu-text, .active-menu-item {
  color: #b70e14!important;
}
}

.active-menu-item .avia-menu-fx{
    opacity: 1;
    visibility: visible;
    background-color: #719430;
    border-color: #507210;
    height: 2px;
    width: 100%;
  }

/*remove default styles*/
.current-menu-item .avia-menu-text {
      color: #0a5476!important;
}
.current-menu-item .avia-menu-fx {
      display: none!important;
}

onepage scroll jQuery

//One page nav highlight
 
function activateMenuItem(){
?>
<script>
     jQuery(document).scroll(function() {
     var sections = jQuery('.avia-section'),
         menu   = jQuery('.avia-menu'),        
         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');

Regards,
Vinay

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

Hey alexanderduenchem!

Thanks for getting in touch with us!

You need to add media query CSS to your code. The above codes you used should look more like this:

@media screen and (max-width: 797px) {
#top .custom-section-id {
  background: url("mymobilepicture.jpg") no-repeat fixed center !important; 
}
}

If the above still does not work, could you please provide a link to your site and the section you want the background for, so that we can have a closer look. You can place the information in the Private Content section of your reply.

Best regards,
Jordan

Hey!

Thanks for sharing the tip @cherrmann

I hope it helps you… there are many out there but we haven’t tried any you should probably give it a shot and if you find anything good please feel free to share them here so others can benifit from it :) https://kriesi.at/support/topic/recommended-plugins/

Regards,
Vinay

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

Hi!

There are some steps that we need to check before custom coding to avoid conflicts and thank you for co-operating with us. However we could not re-produce this issue so we created a new custom script, disabled default styles and added custom styles for highlighting a menu.

//One page nav highlight
 
function activateMenuItem(){
?>
<script>
     jQuery(document).scroll(function() {
     var sections = jQuery('.avia-section'),
         menu   = jQuery('.avia-menu'),        
         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');

Below is the CSS we added in Enfold > General Styling > Quick CSS

/* active menu item*/
@media only screen and (min-width: 769px) {
.current_page_item .avia-menu-text, .active-menu-item {
  color: #b70e14!important;
}
.active-menu-item .avia-menu-fx {
            content: '';
            position: absolute;
            display:block!important;
            left: 50%;
            transform: translateX(-50%);
            bottom: .5em;
            height: 2px;
            width: -0;
            background: #b70e14!important;
            transition: all 0.3s ease;
            z-index:99999!important;
  }
}

/*remove default styles*/
.current-menu-item .avia-menu-text {
      color: #0a5476!important;
}
.current-menu-item .avia-menu-fx {
      display: none !important;
}

Please review the site now it should work fine :)

Cheers!
Vinay

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