Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 10, 2014 at 7:38 pm #316868
    aubreygould

    Hello,

    We have purchased the enfold theme for a few of our projects and really enjoy working with this.

    Currently we’re only using the theme for our blog and would like to incorporate the responsive avia menu to our static pages of the site. I’ve created a sample to test and it appears as thought somethings aren’t being referenced properly when it becomes responsive(less than 768px).

    Any advice would be greatly appreciated.

    Thanks
    van

    September 11, 2014 at 4:33 am #317138
    Josue

    Hi Van!

    Entypo is not being referenced, you need to add this and make sure the font file is available:

    @font-face {font-family: 'entypo-fontello'; font-weight: normal; font-style: normal;
src: url('http://www.wingwire.com/blog/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.eot?v=3');
src: url('http://www.wingwire.com/blog/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.eot?v=3#iefix') format('embedded-opentype'), 
url('http://www.wingwire.com/blog/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff?v=3') format('woff'), 
url('http://www.wingwire.com/blog/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.ttf?v=3') format('truetype'), 
url('http://www.wingwire.com/blog/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.svg?v=3#entypo-fontello') format('svg');
} #top .avia-font-entypo-fontello, body .avia-font-entypo-fontello, html body [data-av_iconfont='entypo-fontello']:before{ font-family: 'entypo-fontello'; }

    Cheers!
    Josue

    September 11, 2014 at 8:21 pm #317623
    aubreygould

    Hi Josue,

    Thank you for your response to my questions regarding the menu. I referenced the @font-face items as mentioned and I’m still experiencing the same issue.

    Do you think I need to place on the “resource” files from within the Enfold theme directory in the server root since the WordPress installation is in a subdirectory(/blog). My guess is that possible all the controllers for the Avia menu aren’t being referenced properly.

    September 11, 2014 at 9:37 pm #317644
    Josue

    Hey!

    I’m still not seeing the font-face reference in the source of the menu-reference.php page. You need to wrap that in a style element inside the head tag:

    <style>
@font-face {font-family: 'entypo-fontello'; font-weight: normal; font-style: normal;
src: url('http://www.wingwire.com/blog/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.eot?v=3');
src: url('http://www.wingwire.com/blog/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.eot?v=3#iefix') format('embedded-opentype'), 
url('http://www.wingwire.com/blog/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff?v=3') format('woff'), 
url('http://www.wingwire.com/blog/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.ttf?v=3') format('truetype'), 
url('http://www.wingwire.com/blog/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.svg?v=3#entypo-fontello') format('svg');
} #top .avia-font-entypo-fontello, body .avia-font-entypo-fontello, html body [data-av_iconfont='entypo-fontello']:before{ font-family: 'entypo-fontello'; }
</style>

    Please note that this is not how Enfold is meant to be used (WP installation), therefore support for this case is very limited.
    Best regards,
    Josue

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.