Hello. Regarding the Ajax preview, is it possible to open the preview window in closer proximity to the selected item, instead of always on top. For example, if my portfolio grid has 5 rows, selecting an item on the 5th row should open the preview between rows 4 and 5 and not the top. This would greatly improve the user experience. Also, having a Load More button (infinite scroller) would also improve the UX. Thanks!
More comments and suggestions.
1. Please re-consider adding a Load More (infinite scrolling) button for loading more portfolio items instead of pagination.
2. Please consider masonry layout option for both portfolio and blog.
3. And for the blog, the Load More function would be great for masonry layout.
4. Regarding the Ajax preview, it would be great if the preview window opened in proximity to the selected item, instead of always on top.
Thanks!
Hello,
For some reason the accordion on my homepage http://www.hurtstoswallow.com stopped functioning. I have 3 tabs with various text (limited html tags).
The toggle function does not seem to be working for this accordion anymore. I created an alternate accordion just to test this feature and the toggles worked just fine. When I placed the text back in, it went back to not working.
Any help would be greatly appreciated.
Thanks,
John
Hi rinoy,
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.responsive #top #main .sidebar {display:block !important; clear: both; }
}
Regards,
Devin
Hey there,
I just installed your theme and have the following problem:
If I use the icon box – feature and choose the left-aligned icon, display and alignment of the box don’t work properly. If I use the top-aligned icon, the box is displayed correctly.
Link to a sample page:
http://www.modotex-fashion.com/wordpress
Thanks!
Nicolas
Hi,
I see you did use the code I gave you. You can make it responsive using this
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (min-width: 768px) and (max-width: 989px) {
#top #s {
width: 400px;
}
#top #searchsubmit, .ajax_load {
right: -100px;
}
}
@media only screen and (min-width: 320px) and (max-width: 500px) {
#top #s {
width: 250px;
}
#top #searchsubmit, .ajax_load {
right: 10px;
}
}
Regards,
Ismael
Hi There
I am creating a site at newadsend.wpengine.com using your Enfold theme. Gotta say it’s the easiest, most comprehensive and most flexible theme i’ve ever worked with. Well done on creating such a great theme.
One little issue im having is that a random div keeps appearing on some of my pages, and I have no idea where it comes from.
If you look at the bottom of this page (http://newadsend.wpengine.com/features/validate/) there seems to be a big white gap between the bottom of the testimonial in the grey area and the top of the footer CTA in the black area, where as doing the exact same thing on this page (http://newadsend.wpengine.com/customers/leedham-creative/) (hosted on WPengine) and the gap isnt there. Note i dont want the gap to be there and am trying to get rid of it.
There appears to be a div in the called ‘after_section_1’? How can i get rid of this div so that the customer testimonial sits directly above the footer CTA (like it does on http://newadsend.wpengine.com/customers/leedham-creative/)
Look forward to hearing from you
Aaron
I can’t reproduce this issue on my PC – the margins seem to work just fine. However you can try to change the dropdown position with:
.main_menu .menu ul {
top: 100%;
}
Increase or decrease the percentage value to move the dropdown up or down.
Hey!
Insert following code into the quick css field
h1, h2, h3, h4, h5, h6, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox {
font-weight: bold;
}
Regards,
Peter
Hi,
You can edit css > layout.css, find this code
/*default header: main logo and main menu height. increase max value if you want to use a bigger logo*/
#header_main .container, .main_menu ul:first-child > li a{ height:88px; line-height: 88px; }
Something like this:
/*default header: main logo and main menu height. increase max value if you want to use a bigger logo*/
#header_main .container, .main_menu ul:first-child > li a{ height:120px; line-height: 120px; }
To make the title container smaller, add this on your custom.css or Quick CSS
#top .title_container .container {
padding: 0 0;
min-height: 0;
}
Regards,
Ismael
Hi,
@imagestudios: This is Angular topic, I think you have Enfold. Yes, that is the same.
Find this code
$avia_config['size'] = avia_layout_class( 'main' , false) == 'entry_without_sidebar' ? '' : 'entry_with_sidebar';
get_template_part( 'includes/loop', 'page' );
Replace it with:
$avia_config['size'] = avia_layout_class( 'main' , false) == 'entry_without_sidebar' ? '' : 'entry_with_sidebar';
get_template_part( 'includes/loop', 'page' );
//wordpress function that loads the comments template "comments.php"
comments_template( '/includes/comments.php');
Regards,
Ismael
Hi,
It is not behind the highlight box, rather on top of it. Maybe move the highlight box up a bit.
#top .avia-menu-fx {
z-index: 0;
top: 29px;
}
Regards,
Ismael
Glad you were able to find the issue and get it working :)
Let us know if you have any other questions or issues.
Regards,
Devin
How can I move the sidebar menu up to the top if I have a full width color section in the middle of the page? Right now it get’s forced to the bottom.
Here’s a screenshot showing what i’m talking about:
http://cl.ly/image/461Q2J1B2z3B
Thanks,
– John
Problem solved – PHP extension simplexml wasnt activated
I pasted that code at the bottom of the functions.php page and it’s funny how it works bc it doesn’t effect every post, it only effects a few of them. I currently have it set to 80 and you can check my site to see how the excerpts don’t match that number.
My homepage has been created using the Avia Layout Builder using the layer slider at the top and the Blog Post content element with a sidebar at the bottom. Any other thoughts?
Hey, Peter,
I did exactly what you said. Added this in wp_settings file and put it on the server:
// Include files required for initialization.
require( ABSPATH . WPINC . ‘/load.php’ );
require( ABSPATH . WPINC . ‘/default-constants.php’ );
require( ABSPATH . WPINC . ‘/version.php’ );
// Set initial default constants including WP_MEMORY_LIMIT, WP_MAX_MEMORY_LIMIT, WP_DEBUG, WP_CONTENT_DIR and WP_CACHE.
wp_initial_constants( );
define(‘WP_MEMORY_LIMIT’, ‘128M’);
define(‘WP_MAX_MEMORY_LIMIT’, ‘256M’);
// Check for the required PHP version and for the MySQL extension or a database drop-in.
wp_check_php_mysql_versions();
I also went into the PHP settings on the hosting server and changed memory_limit setting to 128Mb
No joy! The problem stil remains. Please help.
Thank you!
Hey,
is there a practical way to have the MOBILE MENU not showing up from top-right position to bottom-left. It would be nice to have it fading in from top to bottom only.
Thanks, Tom
Hey!
Please try to increase the allocated php memory. http://codex.wordpress.org/Editing_wp-config.php#Increasing_memory_allocated_to_PHP – set it to 128M.
Best regards,
Peter
Hi,
I have been using Choices theme for a while and now I have purchased Enfold. Uploaded it to the server. Found it in the Themes section in WP console and clicked Activate. Went to a blank page, tried to return to the console – nothing. The site works ( http://marinachasnik.ru/ ) but the console doesn’t! What shall I do? Cheers
Lennie
Hi, it’s not an easy one – but can be done, pls read here https://kriesi.at/support/topic/adding-custom-icons
rgds ykblue
Hi there,
above my main nav ive created a thin line that should appear behind the highlight box – only currently its sitting on top of it. How do I arrange the layers so that the ‘thin’ line sits behind the thick orange highlight box?
Ive tried playing around with z-index:-1; but nothing happens.
Can anyone shed any light?
Andy
Hey Devin,
Let’s revisit this, are you saying that my site is working correctly and displaying the non-fixed header properly? That is, as you scroll down the page, the header nav menu shrinks and maintains positioning at the top of your browser even as you scroll down? I think you misread and are confusing my question with my header currently working as *fixed* – when it is currently set to *non-fixed* meaning if you see it fixed, it is *not* working.
As for my viewing a cached version – Negative ghost rider. I have disabled all plugins including those for caching, as well as any server caching services such as CloudFlare. I’ve dumped my browsing data, viewed in Incognito, and as in my original post, tested this across 3 different browsers (of which 2 had no previous visits to said website, thus no cached history to pull from). Thanks again for the help.
Hi Folks,
I want to control when/which container border to turn off and when I want it back on.
I have created a tiled horizontal png graphic (with a transparent background) that appears to give the effect of the main color background blending into the ALTERNATE container by using halftone dots. However, I still want to control the other container borders. I dont want to just turn them all off/on throughout the site or even per page (which is what is happening at the moment.
Could it be done by creating a class, by giving a particular container a name which is then associated with a specific top/bottom border? If so, can anyone suggest how to get started?
You can see what I mean on my Home page… andypeck.co.uk (effect between x3 skills and the portfolio)
Cheers
Andy
Hey!
Try
#top .advanced_mortgage_calculator_content input[type="text"] {
float: left;
clear: left;
}
Best regards,
Peter
Hi,
please try following – open up wp-content/themes/enfold/js/avia.js and replace
switchWidth = 768;
with
switchWidth = 1010;
and insert following code into the quick css field
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 1010px) {
/*all templates*/
.responsive #header .main_menu ul{display:none;}
/*header*/
.responsive #top #header {position: relative; }
.responsive #top #main {padding-top:0; }
.responsive #main .container_wrap:first-child{ border-top:none; }
.responsive .main_menu{position: static;}
.responsive .logo{position: static; height:80px; float:none;}
.responsive .mobile_slide_out .logo{float:left;}
.responsive .logo img{margin: 0 auto;}
.responsive #header_main .container{height:auto !important; }
.responsive #top .header_bg { opacity: 1; filter: alpha(opacity=1); }
.responsive #top .mobileMenu{margin: 0 0 10px 0; width:100%; padding: 10px 4px;}
.responsive.social_header .phone-info {text-align: center; float:none; clear:both; margin:0; padding:0;}
.responsive.social_header .phone-info span{border:none; width:100%; text-align: center; float:none; clear:both; margin:0; padding:0;}
.responsive #header_meta .social_bookmarks{padding-bottom:2px; width:100%;}
.responsive #header_meta .social_bookmarks li{ border-style:solid; border-width:1px; margin-bottom:-1px; margin-left:-1px;}
.responsive #top #header_meta .social_bookmarks li:last-child a{border-right-style: solid; border-right-width: 1px;}
.responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul{float:none; width:100%; text-align: center; margin:0 auto; position: static;}
.responsive #header .social_bookmarks{width:100%; text-align: center; height:auto; line-height: 0.8em;}
.responsive #header_meta .sub_menu>ul li,
.responsive #header .social_bookmarks li{float:none; display: inline-block;}
.responsive.bottom_nav_header #header_main .social_bookmarks{ position: relative; top: 0; right: 0; margin: 10px auto; clear:both;}
.responsive #header_main_alternate .mobileMenu{ margin:16px 0;}
.responsive.bottom_nav_header.social_header .main_menu>div{height:auto;}
}