Hey!

There is an Error on the page because the code you have entered is not correct some where some tag is not closed. Recreate the page from scratch and it works fine. We have 1000’s of sites running with fullscreen video background but did not notice this issue.

Your theme is out of date please update the theme via FTP.

http://kriesi.at/documentation/enfold/portfolio-item/update-theme-files-with-ftp/

Best regards,
Vinay

Hi!

When i fixed it was working correctly… please send us a screenshot of the issue or point us to the link where the issue is there. I believe it is some customization that is causing this issue to isolate the issue

1. please disable the enfold theme and check it with default wordpress theme.
2. remove all customization and add the css block one by one back to the theme.

Regards,
Vinay

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

Hi!

Please uncheck the item from portfolio category on the bottom right side. It will not display on the frontend.

There is some strange thing happening in category please delete all and re-create them and add the items again.

Regards,
Vinay

Hi!

Glad you found a workaround for this please feel free to get in touch with us in future.

Thank you for using enfold.

Best regards,
Vinay

Hi!

Glad you found a workaround! Please feel free to get in touch with us for any questions on enfold in future.

Thank you for using enfold.

Cheers!
Vinay

Hi!

Glad you found a work around :)

Please feel free to let us know if you need any help.

Cheers!
Vinay

Hi!

Please try this

.av-main-nav {
display:flex;
justify-content: space-between;
}

Best regards,
Vinay

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

Hi!

Thanks for sharing your tip and please make the feature request here https://kriesi.at/support/enfold-feature-requests/

for the time if you do not like to deal with the code please feel free to use one of the custom font plugins like https://wordpress.org/plugins/wp-google-fonts/

Regards,
Vinay

Hey!

To give background color to header before scroll

Add this to Enfold > General Styling > Quick CSS

#header {
    background: rgba(0, 0, 0, 0.8);
}

If you increase the icon size the font size of the numbers also increase but try this CSS

.phone-info  .av-icon-char {
font-size 30px!important;
}

Regards,
Vinay

Hi!

OK hold on I will setup a test page for you then you can check it out.

We have created a new page with working demo for you here

http://staging.loopcreative.co/redseal/product-2

Cheers!
Vinay

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

Hey!

We are working on your ticket please be patient we will update the results here soon.

The theme support highlighting of the main menu items to add the highlight menu feature to the secondary menu we will do the following.

1. Add unique ID’s and Class to each Color Section
2. Create new menu and add color section #ID’s to the menu items.
3. add a code block in wordpress functions.php
4. Add CSS styles for active menu in Enfold > General Styling > CSS

1.
Add a class name “one-page-nav” and unique section ID “section1” to each color section. These ID’s will be same for each menu item that we link to these sections.

2.
Add a menu in Appearance > Menu

Click on “Screen Options” on top right and select “CSS Classes”

Add unique section #ID’s as menu links and for the active menu add CSS class “active-menu-item” (add this class to the first menu item)

3.
Add the following in Appearance > Editor > functions.php

add_theme_support('avia_template_builder_custom_css');

function activateMenuItem(){
?>
<script>
     jQuery(document).scroll(function() {
     var sections = jQuery('.one-page-nav'),
         menu	= jQuery('#menu-onepagenav'),
            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');

4.

Add CSS styles in Enfold > General Styling > CSS

.active-menu-item {
/* Your css styles for active menu item*/
background:gold!important;
}

If you don’t see the options to add class please enable custom class options in the theme

http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

Cheers!
Vinay

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

Hey!

You are correct. Due to the queueing of the files there is a flash of style change. You cannot change the queuing of files easily it is out of our support scope.However there is a much easier way to achieve this effect.

Please undo the changes and follow the steps provided by josue. You can go to Blog Layout > Blog Styling and select “Elegant”, that will put the title above the image.

It will produce close results you are trying to achieve and it will be much easier to tweak it.

Cheers!
Vinay

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

Hi!

we are working on your ticket and we will update the results here soon.

We currently have it setup like this for you you can change the menu colors from Enfold > General Styling > Logo Area > font color

If you need any changes please send us a mockup so we can help you better.

Best regards,
Vinay

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

Hi!

Thank you as per your request the logo width is now 400px wide

we have added this code in css

@media only screen and (min-width: 769px) {
.logo img {
   width: 400px!important;
   height: auto!important;
}
}

Regards,
Vinay

Hi!

To achieve this you need to add a widget area in the header please follow the steps in the below link
http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

You can also add the phone number in sub header from Enfold > Header > Extra Elements > Header Phone Number/Extra Info

Cheers!
Vinay

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