-
Search Results
-
Topic: Enfold Feature Requests
UPDATE: Since this thread is growing too big to keep track of all the requests I have decided to try to use our feedback box again. You can submit new ideas and vote on existing ones here now: https://kriesi.at/support/enfold-feature-requests/
———————-
Hey guys! We are getting quite a few feature requests for the theme already and since I want to make the theme as complete as possible I will accept requests here and update the initial post on what is planned next.
So far requested and accepted:
- Magazine-like Elements for the Template Builder listing Posts from various categories
- Accordion Slider
- Newsletter Integration Element (probably Mailchimp or Campaign Monitor)
- One Column Portfolio Option
- Sortable rows in Table Builder
Considering:
- Chart Element
Already added:
- Collapsible Menu in Mobile Mode
- Improved/Refined Header Options
- Theme Setting Import + Export
- Print CSS
- RTL Language Support
- Fullscreen Google Maps Element
- Better Video Support for Slideshows
- Improved Parallax options
- Make the template builder play nice with previews
- Masonry Element for Blog, Portfolio, Images, Products
- Better Font Icon Management
- Method of adding custom icon fonts to the template builder (which allows you to add custom icons like youtube, xing etc)
- Improved Default Iconfont with more social Icons
- One Click Updates from Backend
- Content Slider Element
- Client/Partner Element
- Offset for Blog Grid Element, so users can build creative Magazine Pages
- Google Maps widget Improvements (height settings)
- Datepicker for Form Generator
- Woocommerce Compatibility
- Theme now supports boxed and stretched version
- Section and other fullwidth elements now get a unique id so you can build one page portfolios
- Option to remove footer widgets
- Scroll to top button
- addition of new mobile dropdown menu
- addition of extra large responsive width
- Copyright can be edited with a form filed in your backend
- Added a sticky social header option
- Added option to add phone number to header
- Option to edit footer text in the backend
- Lightbox for Image element
- SEO updates like microformats for breadcrumbs, team elements, better heading structure etc
- Portfolio with Ajax Preview
- Add options for Portfolio overview to link to any target url
- Fullscreen Parallax Slideshow
- Add option to add a link for Titles of Elemens like Iconbox and Iconlist
There is no ETA for any of these but they will definitely come :)
Upcoming:
Version 2.7 – Magazine ElementsHi,
Since people asked here is how to add a button to the Fixed Header with Social Icons and Additional Navigation.
The button http://www.clipular.com/c?9784008=vDuclwRmVGaUtEsvJE5OhIUqBHQ&f=.png
The button when fixed header shrinks http://www.clipular.com/c?9782007=1ngiPM6XB_EChXBaoJWkUftEaSo&f=.png
The only thing you need to add manually is the url where the button takes you, and the button’s label.
==========================================
1) In header.php find line 157 that looks like
<!-- end container-->and replace it with the block below. Inside this block you will need to add the url where the button should take people who press it in place of http://URL which should be in the format: http://www.domain.com/page/ .. and also replace PRESS ME with what you want the button to say. To change the button color change avia-color-red in the css below to blue, or green, etc..
<div class="avia-button-wrap avia-button-right" style="margin-top: 39px;" >
<a href="HTTP://URL" class="avia-button avia-color-red avia-size-small avia-position-right ">
<span class="avia_iconbox_title">PRESS ME</span>
</a>
</div>===============================================
2) Open up /js/avis.js and find the function on line 809-847 called
function avia_header_size()and replace that entire function with the one below
function avia_header_size()
{
var win = $(window),
header = $('.fixed_header #header'),
logo = header.find('.logo img'),
elements = $('#header_main .container, .main_menu ul:first-child > li > a:not(.avia_mega_div a)'),
el_height = $(elements).filter(':first').height(),
isMobile = 'ontouchstart' in document.documentElement,
scroll_top = $('#scroll-top-link'),
element_button = $('.avia-button-wrap.avia-button-right'),
set_height = function()
{
var st = win.scrollTop(), newH = 0, newTopMargin =0;
if(st < el_height/2)
{
newH = el_height - st;
newTopMargin = 39;
//header.removeClass('shadow');
}
else
{
newH = el_height/2;
newTopMargin = 10;
//header.addClass('shadow');
}
elements.css({height: newH + 'px', lineHeight: newH + 'px'});
element_button.css({'margin-top': newTopMargin + 'px'});
}
if(!header.length) return false;
if(isMobile)
{
return false;
}
win.scroll(set_height);
set_height();
}3) Add this css to you /css/custom.css or to Quick CSS
.main_menu {
right: 80px;
}
.avia-button-right {
display: inline-block;
left: 28px;
position: relative;
float: right;
}
@media only screen and (max-width: 767px) {
.avia-button-right {
left: initial;
position: absolute;
top: 89px;
right: 9px;
}
}That’s it.
Thanks,
