Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 24, 2015 at 9:20 pm #401698
    Walso

    Good morning,
    Only two small queries.

    How could create a custom icon and link on top header, along with social media icons?

    I have read the forum and put the magnifying glass icon search engine in the mobile version, but I saw a definitive solution.
    Do you have it already?

    Thank you very much.
    Greetings.

    February 25, 2015 at 3:03 pm #402067
    Yigit

    Hi Walso!

    1- Please refer to this post – http://kriesi.at/documentation/enfold/adding-your-own-icon-fonts/
    2- Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 989px)
.responsive .av_mobile_menu_tablet .main_menu {
display: block; }
.av-main-nav > li {
display: none;
}
li#menu-item-search {
display: block!important;
right: 60px;
}}

    Regards,
    Yigit

    February 25, 2015 at 4:10 pm #402121
    Walso

    I appreciate your quick response and do not want to be heavy, but I still have some questions.

    1. How to put the icon on the top header (where are social media icons )

    2. The search icon (magnifying glass) is ok, 768px and 989px resolutions, but at lower resolutions unseen. They already have some solution?

    Thanks in advance.

    February 26, 2015 at 10:53 am #402562
    Ismael

    Hi!

    1.) You can add html codes inside the Phone Number or small info text field. You can find it on Enfold > Header > Extra Elements panel.

    2.) Add this to the functions.php:

    add_filter( 'wp_nav_menu_items', 'avf_add_search', 3, 2 );
function avf_add_search( $items, $args ) {
	if ($args->theme_location == 'avia')
	{
		$search = '<li id="menu-item-search-mobile" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-18 current_page_item menu-item-top-level menu-item-top-level-5">'.get_search_form(false).'</li>';
		$items = $search . $items;
	}
	return $items;
}

    Go to Enfold > General Styling > Quick CSS field. Add this:

    @media only screen and (max-width: 767px) {
#top #searchform>div {
display: block !important;
opacity: 1 !important;	
}
}

    This will render the search box inside the mobile navigation.

    Cheers!
    Ismael

    February 26, 2015 at 7:21 pm #402922
    Walso

    1. Ok, thanks, it works.

    2.- Still not working in resolutions 320×480, 360×640, …

    Thanks in advance.

    February 27, 2015 at 8:05 pm #403628
    Andy

    Hi!

    it should work. Did you try to clear browser cache? If it still does not work do you mind giving us admin access? post login details here as a private reply.

    Cheers!
    Andy

    March 10, 2015 at 12:29 am #408546
    Walso

    ok, I have seen that the seeker is placed in the phone menu, and I think a great solution.

    My client is very satisfied with your theme.

    Thank you so much and I hope that you continue doing so well.

    Greetings.

    March 10, 2015 at 10:17 am #408698
    Rikard

    Hey!

    Great, glad we could help :)

    Regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.