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 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 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
Hi Great Theme
How do you increase the size and change the colour in the top header?
At the very top where the phone number is and the Social Icons
Thanks in advance for you help
I updated and of course the header is all different, but also the fonts on the site has changed. The settings within the theme options have not changed, but they are not displaying in the browser.
In addition, once I’m logged in, I should have the WordPress admin bar up at the top (and different menu items) but the admin bar doesn’t display. I can manually type in wp-admin.php and it will take me to the dashboard, but if I click view site, it displays the home page as if I’m not logged in.
Hey!
With updates to the theme, things will change. In this past update the header was completely re-done to give you more control over how it displays. You need to re-set the header options to display how you want it to display using the new options in the Header options. http://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990#item-description__changelog
Our queue goes by oldest topic to newest and it can take up to 24 hours to respond depending on the current queue and how busy things are.
The login information above isn’t working for me so I’m not able to see what you currently have set and where
Best regards,
Devin