Tagged: 

Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • July 24, 2015 at 4:05 pm #478242
    prestonbui97

    Hi! I have 3 questions: my website is maivangflorida.wpengine.com
    1. On my ipad the logo covered the menus ( HOme, Mai,..). I want it to be like the menu on the phone.when i change the Header Mobile Menu activation to mobile and tablet, the cart item is stick with the menu icon
    2. In easy slider, i set it to the video, video sliders. I have to set a fall back image for mobile and tablets, but after I set it, there is no way to play the video.
    3. How do I show the search icon on iphone and tablets like on desktop?
    Thank you

    July 24, 2015 at 11:52 pm #478435
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    July 25, 2015 at 3:25 am #478518
    prestonbui97

    maivangflorida.wpengine.com

    July 26, 2015 at 10:03 pm #478803
    Dake

    Hey!

    1. With a media query, this can be changed by increasing the required screen size to change the regular nav to the mobile menu. If you are unsure on how to do this, you can provide us with temporary access.

    2. Right now, video playback on mobile devices has been disabled. However, you can still link the fallback image to the video itself.

    3. You can follow the instructions in this thread in order to achieve this: https://kriesi.at/support/topic/search-icon-disappears-on-mobile-after-enfold-update-3-1-3/

    Best regards,
    Dake

    July 27, 2015 at 1:36 am #478852
    prestonbui97

    Thank you for you reply
    1. In the question 1. The logo covers some menu items, I cannot see some menu items because of the logo
    3. After I follow the guide and add the css. It actually messed up the menu in iphone and i does not seem to work. I posted the link to my website. I hope you will help me with this because I don’t have much knowledge of coding.
    Thank you!

    July 27, 2015 at 3:44 am #478866
    Dake

    Hi!

    The navigation is no longer being blocked by the logo and the search icon is also appearing directly after the main menu.

    Regards,
    Dake

    July 27, 2015 at 5:56 am #478892
    prestonbui97

    Thank you for your support!
    But I see that on the iphone portrait version. the menu items are displayed out under the logo while it should not be, because the ” hamburger” icon has it
    On the ipad portrait version he menu items are displayed out under the logo while it should not be, because the ” hamburger” icon has it and the logo is on top of the menu items and the shop icon is still sticked with the “hamburger”
    On the ipad landscape version i want the logo the menu items the search icon and the cart icon to be in the same line
    Can you please help me with it
    Thank you very much

    July 28, 2015 at 6:03 am #479431
    Ismael

    Hey!

    Try to add this to the Quick CSS field to remove the default main menu on mobile devices with screen size lower than 768px:

    @media only screen and (max-width: 768px) {
.responsive.html_mobile_menu_tablet .main_menu .avia-menu, .responsive.html_mobile_menu_tablet #header_main .social_bookmarks, .responsive.html_mobile_menu_tablet #header_main_alternate {
  display: none;
}
}

    Cheers!
    Ismael

    July 28, 2015 at 11:49 pm #479948
    prestonbui97

    Is there any way that I can have a search icon inside the mobile menu like this website. http://wigertsbonsai.com/

    July 29, 2015 at 12:56 am #479960
    prestonbui97

    “2. Right now, video playback on mobile devices has been disabled. However, you can still link the fallback image to the video itself.” How do I link it? I look for the link setting but I cannot find it
    THank you

    July 30, 2015 at 2:05 pm #480687
    Ismael

    Hey!

    1.) If you want a search bar inside the mobile menu, add this in the functions.php file:

    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;
}

    After that, use this code in the Quick CSS field:

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

    2.) I’m sorry but you can’t add a link to the fall back image.

    Best regards,
    Ismael

    August 1, 2015 at 2:55 am #481612
    prestonbui97

    I added to function.php via editor in wordpress. after that, my page is blank. I have to switch the theme to remove it. Can you please help me
    THank you

    August 1, 2015 at 3:40 am #481614
    prestonbui97

    2nd question. Is there any way i can hide the sidebar on check out page

    August 5, 2015 at 10:18 am #483185
    Andy

    Hey!

    1.) For your search bar try this code instead: 

    add_filter('wp_nav_menu_items','add_search_box', 10, 2);
function add_search_box($items, $args) {        
ob_start();        
get_search_form();       
 $searchform = ob_get_contents();        
ob_end_clean();        
$items .= '<li>' . $searchform . '</li>';    
return $items;
}
add_action(‘ava_main_header’, ‘add_search_box’);

    And use the CSS code Ismael provided to you.

    2.) When editing your page look on the right side for “Layout->Sidebar settings” and choose “no sidebar”

    Regards,
    Andy

    September 11, 2015 at 10:18 pm #501898
    wordsatworkmn

    We actually got the search inside the hamburger menu, but we are getting a brief glimpse of the search box in the header area when the homepage loads. This is on a private beta server for a client so I can’t give you a link or login. Any help, suggestions?

    September 12, 2015 at 8:45 am #501995
    Rikard

    Hey,

    It’s difficult helping you if we can’t see the code, is there anyway you can upload it somewhere else so that we can have a look?

    Regards,
    Rikard

    September 15, 2015 at 3:56 pm #503432
    wordsatworkmn

    Hi, the site is live and viewable to the public now. I put the link in the private content. You can see the search box briefly pops up, then disappears when the page is loading. This can last longer on a slow connection or on a tablet.
    Thanks,

    September 15, 2015 at 4:04 pm #503437
    wordsatworkmn

    And just to be clear. I’m using the method that Ismael provided. Although it doesn’t seem to matter whether I use the css or not.

    • This reply was modified 9 years, 2 months ago by wordsatworkmn.
    September 15, 2015 at 9:00 pm #503690
    Andy

    Hi!

    you are using an old version of the theme. Please upgrade to Enfold v3.3.2.

    Best regards,
    Andy

    September 22, 2015 at 4:54 pm #507216
    wordsatworkmn

    Hi, we finally updated to 3.3.2. This issue is still there, any help would be great. Thanks.

    September 23, 2015 at 5:17 am #507458
    Rikard

    Hi,

    Please try the following in Quick CSS:

    @media only screen and (min-width: 768px) {
#menu-item-search-mobile {
display:none !important;
}
}

@media only screen and (max-width: 767px) {
#menu-item-search-mobile {
display:block !important;
}

    Regards,
    Rikard

    September 23, 2015 at 4:08 pm #507942
    wordsatworkmn

    Yes, that works! Thank you! Needed one extra “}” on the second part.

    September 23, 2015 at 4:56 pm #507983
    Dake

    Hey!

    Glad to know we could help :)

    Please let us know if you ever need any help in the future.

    Regards,
    Dake

  • Author
    Posts
Viewing 23 posts - 1 through 23 (of 23 total)
  • The topic ‘Easy slider with video, header, icon’ is closed to new replies.