I think the best solutions would be to center the logo but I have a few issues
1. how to get rid of the boxes on the main menu
2. logo gets cut off on mobile view.
3. increase font size on main menu.

• This reply was modified 12 years ago by ProConsoleRepair.

Hi Ismael
Enfold never stops to amaze me! Great theme, I will probably use this for all my coming websites for a long time.
The lack of menu control bothers me in this particular matter, but I have a feeling it will be ok after some attempts.

My menu is now getting closer and closer, but I still need å few adjustments.
This is how I want it to look like (without the color buttons at top)
http://www.yippi.no/ik/

This is how close I have gotten in Enfold:
http://www.yippi.no/ausonius/

Secondary menu
1: remove white line underneath secondary menu.
2: Control fontsize and color (before and during hover) secondary menu

Main menu
1: Remove white line between menu items (or better; make the line look like in the secondary menu
2: Control fontsize and color (before and during hover) main menu
3: submenues (dropdown) without borders
4: submenues same background color as main (#444444)

and last: Put a tiny border at top of the main menu container

Thank you very much!

Best regards
Samuel

Hi Yigit,

It is about the font *size* of the toplevel. I upscaletd the fontsize sitewide but the toplevel doesn’t follow. Thanks.

Micha

#2 is still not working (#4 worked, thanks!). Here is what I have written in the quick CSS:

@media only screen and (max-width: 1000px) {
.avia-caption {display: none !important;}

.avia-caption-title {
font-size: 14px; line-height: 14px;
}
}

.header_color .main_menu ul:first-child > li > a { color: ; font-size: 15px; }
}
}

.js_active .tab {
font-size: 20px !important;
}

.active_tab_content .tab_inner_content { color: ; font-size: 14px; }
}

.toggler {
font-size: 14px;
}

.toggle_content {
font-size: 12px;
}

#mc_embed_signup .clear {
display: block;
visibility: visible;
height: auto;
width: auto;
}

h3 {
font-size: 20px;
line-height: 1.5em;
margin-bottom: 8px;
}

.inner_sort_button span {
padding: 0 10px;
}

#footer #text-8 .av_font_icon {
margin-right: 20px;
}

.av-masonry-sort {
padding: 40px;
}

! Any issues with the placement?

Any tips? Thanks!

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 Ismael,

thanks, now the tagline is shown. However, by minimizing the tagline moves below the social icons. On big screen it is to close to the logo.

.site-description {
bottom: -30px;
position: absolute;
font-size: 10px;
}

If I change the button to -40px it is too low, if I choose -20px it’s gone. How to solve this? How can I increase the space between the logo and the line, too?

Cheers,
Gee Are