Hi there I could use some help on a couple of things.
1) I am trying to get my fullwidth masonry portfolio to sort by title instead of date. I read the enfold documentation copied the php snippet went to appearance – editor – child theme – theme functions (functions php) and inserted the snippet so it looks like this.
<?php
/*
function custom_post_grid_query( $query, $params ) {
$query[‘orderby’] = ‘title’;
$query[‘order’] = ‘ASC’;
return $query;
}
add_filter( ‘avia_post_grid_query’, ‘custom_post_grid_query’, 10, 2);
*/
I saved, updated, cleared my cache and it is still sorting by date. Can you point out where I went wrong?
2) I would like to stop the little yellow box from displaying on mouse hover over my portfolio images. I went to each image removed the image caption, title etc. so there was nothing left to display but that didn’t stop the yellow box. Now it is defaulting/displaying the title of the page where the image is pulled from. Is there something else I can do?
Thnx
Kim
Hi Devin, I was looking for a way to swap out the color section at the top of this page with the image slider underneath on responsive media. I saw there was some way to add a css code but could not find it. The 2.6.1 update made too many problems on my site – I know there are some extra settings for videos which is why I wanted to update, but would rather have it swap out if that’s possible.
thanks
N
-
This reply was modified 10 years ago by
Yigit.
This reply has been marked as private.
2) Entypo icons in navigation instead of bullets
Go to Design > Menu and open your menu item. Add the class .mapicon into the field CSS-Class (optional) (if this is not shown, look at the top of the Menu page with options and check “CSS Class”
Then use this CSS:
/* MAP ICONS instead of bullets in main navigation */
.mapicon .avia-bullet:before {
display: none;
}
.header_color .mapicon .avia-bullet {
display: none;
}
.mapicon {
content: "\E842";
font-family: 'entypo-fontello';
font-size:16px;
line-height: 30px;
padding-right: 10px;
float: left;
clear: both;
}
Thanks for your help, support team – can be closed now :)
Thanks alot for your help. Here are the solutions so far as a summary:
1) Sidebar nested Navigation
In the functions.php:
/*
* MYSUBNAVI - Display a subnavigation for pages that is automatically generated, so the users doesnt need to work with widgets
*/
if(!function_exists('avia_sidebar_menu'))
{
function avia_sidebar_menu($echo = true)
{
$sidebar_menu = "";
$subNav = avia_get_option('page_nesting_nav');
$the_id = @get_the_ID();
$args = array();
global $post;
if($subNav && $subNav != 'disabled' && !empty($the_id) && is_page())
{
$subNav = false;
$parent = $post->ID;
$sidebar_menu = "";
if (!empty($post->post_parent))
{
if(isset($post->ancestors)) $ancestors = $post->ancestors;
if(!isset($ancestors)) $ancestors = get_post_ancestors($post->ID);
$root = count($ancestors)-1;
$parent = $ancestors[$root];
}
$args = array('title_li'=>'', 'child_of'=>$parent, 'echo'=>0, 'sort_column'=>'menu_order, post_title');
//enables user to change query args
$args = apply_filters('avia_sidebar_menu_args', $args, $post);
//hide or show child pages in menu - if the class is set to 'widget_nav_hide_child' the child pages will be hidden
$display_child_pages = apply_filters('avia_sidebar_menu_display_child', 'widget_nav_hide_child', $args, $post);
$children = wp_list_pages($args);
if ($children)
{
$default_sidebar = false;
$parentpage = get_the_title($post->post_parent);
$parentpagelink = get_permalink($post->post_parent);
$sidebar_menu .= "<div class='widget widget_nav_menu'><h3 class='my-parent-item'><a href=";
$sidebar_menu .= $parentpagelink;
$sidebar_menu .= ">";
$sidebar_menu .= $parentpage;
$sidebar_menu .= "</a></h3><ul class='nested_nav'>";
$sidebar_menu .= $children;
$sidebar_menu .= "</ul></div>";
}
}
$sidebar_menu = apply_filters('avf_sidebar_menu_filter', $sidebar_menu, $args, $post);
if($echo == true) { echo $sidebar_menu; } else { return $sidebar_menu; }
}
}
Here is the CSS I used:
/* NESTED SUBMENU */
.sidebar_left .my-parent-item {
padding-left: auto;
padding-right: 3px;
font-weight: normal;
font-color: blue;
top: 1px;
margin-top: -1px;
padding-top: 1px;
width: 100%;
box-shadow: 0px 1px 0px 0px #DADADA;
}
.sidebar_left .nested_nav .current_page_item {
padding-left: auto;
padding-right: 52px;
top: 1px;
margin-top: -1px;
padding-top: 1px;
width: 100%;
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
background: #f8f8f8;
font-size: 16px;
}
.main_color a:hover, .main_color li a:hover {
background: #f8f8f8;
padding-left: auto;
}
.widget_nav_menu a { padding-right: 52px; width: 100%; }
.sidebar_left .inner_sidebar { margin-right: 0; }
Hi Friends,
Thanks a lot for your great support and precious time once again.
I have a problem with BreadCrumbs and Page Hierarchy, if any of you are available please reply to this and I can post a link to my website in Private.
I tried the other topics about this issue and decided to open this post. Thanks very much for all.
-
This topic was modified 12 years, 1 month ago by
Bedros.
Excellent!!
The issue has been solved! The support has been very useful, thank you guys!
Oriol
Hey!
Please insert this code into the quick css field to change the position:
.sub_menu {
float: right;
right: 15px;
}
Best regards,
Peter
OK – BBpress reinstalled (over the top) – no change – so I removed BBPress and installed it again from scratch – no change
The formatting is still really off
http://natureslens.co.uk/forums/topic/neque-porro-quisquam-est-qui-dolorem/
Hi!
Yes, the background image will still be active even if you activate the “transparent” header option. This is not a bug but intentional because many users use the background image to add a transparent png/gif pattern to the header and they also want to use it with the transparent header option. If you don’t want to display the background image at all please insert following code into the quick css field:
#top .header_color.av_header_transparency, #top .header_color.av_header_transparency .header_bg{
background-image: none;
}
Regards,
Peter
This reply has been marked as private.
Hi!
You can’t display the social icons ahead of the main menu but you can display them after the main menu items (select the “Display in main header area” option in the “Header Social Icons” dropdown). We may add additional options in the future however because of performance, etc. reasons we’ll wait if more users request such an option before we implement it.
Please post a link to your website. I’ll check why the language switcher is displayed on the left side.
Regards,
Peter
Hi!
Please update the theme to version 2.6.1. You’re using version 2.4.2 which is not fully compatible with WP3.8.1 (see bug report thread: https://kriesi.at/support/topic/enfold-portfolio-not-working-after-wordpress-3-8-update/ ).
Best regards,
Peter
Hello Support,
1. There is a feature inside Layer Slider Settings > Your Logo.
I added our Logo, and save the settings, but it is not reflecting at frontend.
Also, what is the recommended size for Logo in Layer Slider.
2. The default Demo data installs two Slides of ” Enfold – most beautiful theme ever”.
In frontend, the slider Stops everytime after showing any slide, then i have to click on Right navigation button everytime to change it. Even though my mouse is not over the slider. I tried on different browser too.
For both I did Hard Refresh also, but the problem persists.
Can you please help me to resolve this issue.
Thanks
In the themes css folder open up the print.css file and add this to the header section which starts on line 84:
.html_header_top.html_header_sticky #header {
position: relative;
}
Hey pirohmaniac!
Your CSS needs to have higher priority than what the theme already has in place. So if you want every single link on the entire site to have an underline when hovered you could force what you have now with !important but that is probably not what you are looking for. (ref: http://www.w3.org/wiki/CSS/Training/Priority_level_of_selector).
If you want it only in the typical content areas then you would need to do something more like this:
#top .entry-content-wrapper a:hover {
text-decoration: underline;
}
Regards,
Devin
Hey meanster99!
As far as I know it was completely removed as it didn’t fit with the new header layouts. I’ll tag Kriesi on the topic as I don’t know if it can be added back in or if you would need to just roll back to the previous version.
Regards,
Devin
Hey Gabriel!
Are you using the latest version of Enfold (2.6.1)?
Cheers!
Josue
Change that part of the code to this:
@media only screen and (max-width: 767px) {
.phone-info{
text-align: center;
float: none !important;
height:75px;
}
.phone-info span{
position: relative;
left: -12px;
top: 15px;
}
}
Best regards,
Josue
I installed and everything looks good except my menu text is not grey it is now blue and (main menu drop-downs top left) has no solid box behind them, just blue text that when hovered over goes on top of slider and you cant read because the colored background is gone.
I installed dummy data???
Help/Thanks!
Hey!
Try adding this code to the Quick CSS:
@media only screen and (max-width: 767px) {
.phone-info{
text-align: center;
float: none !important;
height:55px;
}
.phone-info span{
position: relative;
left: -12px;
top: 4px;
}
}
To increase the font size of the phone:
.phone-info{
font-size: 18px !important;
}
Cheers!
Josue
Hi there – how can i have the phone number centered on mobile display? I have it set to be left-aligned, next to the social icons, in regular browser view, but it doesn’t center on mobile:

Also – how can i increase the size of the phone number? i tried this code that i found on another thread:
.social_header .phone-info { font-size: 24px; }
#top .social_bookmarks li a { font-size: 21px; }
and it increased the size of the social icons, but not the phone. (yes, i flushed the cache! LOL)
thanks for your help!
Just found the answer on another page, which works great: https://kriesi.at/support/topic/changing-blog-name-only-in-breadcrumbs-of-enfold/
Edit framework > php > class-breadcrumb.php , find this code:
‘show_home’ => __( ‘Home’, ‘avia_framework’ ),
Replace it with:
‘show_home’ => __( ‘Atelier’, ‘avia_framework’ ),
Enfold, latest version on latest Chrome Win7 — when you resize the browser to less than 768px and select some text and drag to the right, the page scrolls to the right revealing the hidden desktop nav etc.
This is happening on your demo site and this site too.
I noticed this while trying to create a custom blog page in the builder that allows the post text and image to fill up the entire avia flex_column, i.e. 100%. However, there seems to be a bunch of max-width rules that have a domino effect trying to modify.
Do you guys have a simple blog format where post content is all set to 100% and no max-widths? I could make one of my own but I’m sure I’ll notice a problem with it in the future :)
Thanks!
Hi there –
Thanks for that code. It did move the menu out of the way of the logo on the iPhone although almost off the screen in vertical orientation but definitely an improvement. Two things to make it better:
1. When scrolling on desktop the logo get’s partially cut off (see screen shot via link).
2. I wonder if there a way to position that mobile menu just to the right of the logo (see screen shot via link).
I tried changing the size of the logo and could not make it better, it is currently 300×19 px.
Please see the posted screen shots of the desktop version and the iPhone running iOS7 via the links in the private reply below.
Best.
-
This reply was modified 12 years, 1 month ago by
penumbra. Reason: additional information
after upgrading to latest version of enfold (version 2.1 to 2.6.1) I have encountered a few issues…using wp 3.8.1
1. layer slider not showing as normal? The preview shows one thing and live site shows another? http://cl.ly/image/0k2k0B2m0P09 (spacing issue will not fix between layer words)
2. some of my previous css is not working in the enfold panel (css) i.e. my search icon is missing from mobile…I added css to have this work on mobile.
@media only screen and (max-width: 767px) {
.responsive #header .main_menu ul, .responsive #header .main_menu ul {
display: block !important;
position: absolute;
background: none;
top: -20px;
right: 0;
}
.responsive #header .main_menu ul li {
display: none;
}
.responsive #header .main_menu ul li:last-child {
display: block !important;
}
}
These are just issues I have spotted.
The help would be much appreciated.
site: http://cl.ly/3F042y022K0j
-
This topic was modified 12 years, 1 month ago by
wesleysoccer.