Hi, any luck on this?

Below is is at least my temporary dirty fix. Hopefully you guys have an another more sustainable solution, now that you know this framework a bit better than i. :)

/* 
* OVERRIDE A FUNCTION IN enfold/woocommerce/config.php
* This fixes an error in the search results when searched from the woocommerce search widget
* Support ticket: https://kriesi.at/support/topic/avia-custom-woo-page-incompatible-with-woocommerce-search-widget/
*/
add_filter( 'pre_get_posts', 'avia_woocommerce_default_page', 100 );		
function avia_woocommerce_default_page($query)
{
    if(current_theme_supports('avia_custom_shop_page'))
    {
	    if(!$query->is_admin && $query->is_main_query() && !$query->is_tax && $query->is_archive && $query->is_post_type_archive)
	    {
	    	$vars = $query->query_vars;
	    
	    	if(isset($vars['post_type']) && 'product' == $vars['post_type'] )
	    	{
	    		$shop_page_id 	= wc_get_page_id( 'shop' );
	    		$builder_active = AviaHelper::builder_status($shop_page_id);
	    		
	    		if($builder_active == "active" && !$query->is_search)
	    		{
	    			$query->set( 'post_type', 'page' );
	    			$query->set( 'p', $shop_page_id  );
	    			$query->set( 'meta_query', array() );
	    			
	    			$query->is_singular = true;
	    			$query->is_page 	= true;
	    			$query->is_archive  = false;
	    			
	    			$query->is_post_type_archive  = false;
	    			$query->query = array('p'=>$shop_page_id, 'post_type' => 'page');
	    		
	    		}elseif ($query->is_search){
	    		    	$query->is_singular = false;
		    			$query->is_page 	= false;
		    			$query->is_archive  = false;
		    			$query->is_shop = false;
		    			
		    			$query->is_post_type_archive  = false;
	    		    
	    		    add_filter( 'template_include', function() {
                      return locate_template( 'search.php' );
                    }, 100 );
	    		    
	    		}
	    	}
	    }
	}  
	
return $query;
	
} 

Hi Rikard,

I’m confused. Is this CSS for the Mobile/Responsive version of the page? Because the Desktop version looks perfect as is. I removed the CSS that was prohibiting the Logo from being displayed on mobile.

So, now it look like this:

I think there are 3 options here:
1- add the CSS code I had the removes the logo from displaying
2- Making the logo smaller and the search box smaller too?
3- Making sure the Search Box displays below the Logo and the Hamburger Menu (I think this would be the nicest one and many people would love to have this)

For #3. we would need to adjust this CSS, correct?

@media only screen and (max-width: 767px) {
#header .widget {
left: 40%;
padding-top: 1.5em;
position: absolute;
top: 0;
transform: translate(-50%);
z-index: 1;
width:45%;
max-width: 55%;
}}

Thank you so much for your kind help!!

Warmly,

Havi
PS: I just referred you two more Enfold licenses. ;) Love Enfold!!!

Hi Andy,

I was actually able to pretty easily find the code to add to my custom css. For anyone else looking to increase the size at which enfold switches to enfold, you’ll need to search/replace all the media queries in your css at 767px to your required pixels. After that, you just need to copy this code below and change the media queries to your need, just do a search and replace for “1024”.

/* == 1024 tablet view fix == */
@media only screen and (max-width: 1024px) {
		
		
		/*blog*/
		.responsive .template-archives .tab_inner_content li{width:98%;}
		.responsive .template-blog .blog-meta,
		.responsive .post_author_timeline,
		.responsive #top #main .sidebar {display:none; }
		.responsive #top #main .sidebar.smartphones_sidebar_active{display:block;text-align: left; border-left: none; border-right: none; border-top-style: dashed; border-top-width: 1px; width: 100%; clear: both;}
		.responsive #top #main .sidebar.smartphones_sidebar_active .inner_sidebar{margin:0;}
		.responsive .content .entry-content-wrapper{padding:0;}
		.responsive .content{border:none;}
		.responsive .template-blog .post_delimiter { margin: 0 0 30px 0; padding: 30px 0 0 0; }
		.responsive .big-preview{padding: 0 0 10px 0;}
		.responsive .related_posts{padding:20px 0;}
		.responsive .comment_content{padding-right:0; padding-left:0;}
		.responsive .fullsize div .template-blog .entry-content-wrapper{text-align: left; font-size:14px; line-height: 24px;}
		.responsive #top .fullsize .template-blog .post .entry-content-wrapper > * { max-width: 100%; }
		.responsive #top .avia-post-nav { display: none; }
		.responsive #top .av-related-style-full .no_margin.av_one_half.relThumb{display: block; width:100%; clear:both;}
		
		/*all templates*/
		.responsive .title_container .breadcrumb{position: relative;right:auto; top:-6px; margin:0; left:-2px;}
		.responsive .pagination{padding-left: 0; padding-right: 0;}
		.responsive #header .main_menu .social_bookmarks{display:none;}
		.responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet{display:none !important;}
		
		
		/*header*/
		.responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img{opacity:1}
		.responsive #top .av_header_transparency .logo img.alternate{display:none;}
		
		.responsive #top #wrap_all #header {position: relative; width:100%; float:none; height:auto; margin:0 !important; opacity: 1; min-height:0;}
		.responsive #top #main {padding-top:0 !important; margin:0;}
		.responsive #top #main .container_wrap:first-child{ border-top:none; }
		.responsive.html_header_top.html_logo_center .logo { left: 0%; -webkit-transform: translate(0%, 0); -ms-transform: translate(0%, 0); transform: translate(0%, 0); margin:0; }
		.responsive .phone-info{float:none; width:100%; clear:both; text-align: center;}
		.responsive .phone-info span{margin:0;padding:0; border:none;}
		.responsive.html_header_top #header_main .social_bookmarks ,
		.responsive.html_top_nav_header #top .social_bookmarks { right: 50px; width:auto; margin-top:-16px; }
		
		.responsive #header_main .inner-container, .responsive .main_menu{position: static;}
		.responsive #top .logo{position: static; display:table; height:80px !important; float:none; padding:0; border:none; width:80%; }
		.responsive .logo a{display:table-cell; vertical-align: middle;} 
		.responsive .logo img{height:auto !important; width:auto; max-width: 100%; display: block;  max-height: 80px;}
		.responsive #header_main .container{height:auto !important; }
		.responsive #top .header_bg { opacity: 1; filter: alpha(opacity=1); }
		.responsive.social_header .phone-info {text-align: center; float:none; clear:both; margin:0; padding:0;}
		.responsive.social_header .phone-info span{border:none; width:100%; text-align: center; float:none; clear:both; margin:0; padding:0;}
		.responsive #header_meta .social_bookmarks li{ border-style:solid; border-width:1px; margin-bottom:-1px; margin-left:-1px;}
		.responsive #top #header_meta .social_bookmarks li:last-child{border-right-style: solid; border-right-width:  1px;}
		.responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul{float:none; width:100%; text-align: center; margin:0 auto; position: static;}
		.responsive #header .social_bookmarks{padding-bottom:2px; width:100%; text-align: center; height:auto; line-height: 0.8em; margin:0;}
		.responsive #header_meta .sub_menu>ul>li{float:none; display: inline-block; padding: 0 10px;}
		.responsive #header .social_bookmarks li{float:none; display: inline-block;}
		.responsive.bottom_nav_header #header_main .social_bookmarks{ position: relative; top: 0; right: 0; margin: 10px auto; clear:both;}
		.responsive.bottom_nav_header.social_header .main_menu>div{height:auto;}
		.responsive .logo img{margin:0;}
		.responsive.html_header_sidebar #top #header .social_bookmarks{display:none;}
		.responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header{max-width: 100%;}
		
		.responsive.html_header_transparency #top .avia-builder-el-0 .container, .responsive.html_header_transparency #top .avia-builder-el-0 .slideshow_inner_caption{padding-top:0;}
		.responsive #top .av_phone_active_right .phone-info.with_nav span{border:none;}
		
		.responsive #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a, 
		.responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a, 
		.responsive #top .av_header_transparency #header_main_alternate, 
		.responsive .av_header_transparency #header_main .social_bookmarks li a,
		.responsive #top #wrap_all .av_header_transparency .phone-info.with_nav span,
		.responsive #top .av_header_transparency #header_meta, 
		.responsive #top .av_header_transparency #header_meta li,
		.responsive #top #header_meta .social_bookmarks li a{ color:inherit; border-color: inherit; background: inherit;}
		.responsive.html_top_nav_header .av-logo-container{height:auto;}
		.responsive.html_top_nav_header .av-section-bottom-logo{border-bottom-style: solid; border-bottom-width: 1px;}
		
		/*related images*/
		.responsive #top .related_entries_container .av_one_eighth{width:25%;}
		.responsive #top .relThumb5{clear:both;}
		
		
		.responsive.html_header_transparency #top .avia-builder-el-0 .container{padding-top:0px;}
		.responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area{display:none;}
		.responsive.html_header_sidebar #main{ border: none; }
		
		/*tabs*/
		.responsive.js_active #top .avia_combo_widget .top_tab .tab{ border-top: 1px solid; border-bottom:none; width: 100%; }
		.responsive.js_active #top .avia_combo_widget .news-wrap li{padding:5px;}
		
		/*widgets*/
		.tagcloud a{ padding:8px 20px; margin:0 8px 8px 0; }
		.widget li{line-height: 1.8em; font-size: 15px;}
		
		/*footer*/
		.responsive #scroll-top-link{display: none;} /*iphones etc scroll better by tapping the status bar at the top of the screen*/
		
		.responsive #socket .sub_menu_socket{    
			display: block;
			float: none;
			width: 100%;
			clear: both;
			margin: 0 0 0 -15px;
			}
		
	 	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 1024px) {

		

		/*portfolio*/
		.responsive #top #wrap_all .grid-sort-container.grid-total-odd .grid-entry.grid-loop-1{width:100%;}
		.responsive #top #wrap_all .grid-sort-container .grid-entry{ width:50%; margin-bottom: 0;}
		.responsive #top #wrap_all .portfolio-parity-odd{ clear:both; }
		
	}

@media only screen and (max-width: 1024px) {
.main_menu .avia-menu, #header_main_alternate, .fallback_menu{display:none;}
.container #advanced_menu_toggle, #advanced_menu_hide{display:block;}
.responsive.html_mobile_menu_tablet.html_logo_right #advanced_menu_toggle{left:auto;}
}

/* == End 1024 tablet view fix == */

• This reply was modified 8 years, 11 months ago by haydaw.

None of this works, the old URL now points somewhere else so throws a 404 error and will lock me out of the dashboard. Why does Enfold not update the url paths like every other theme? If I’d known this was going to be an issue I would never have gone here. Please ask me of your developers to help me. Search and Replace and Migration are not going to work in this case. Thank you.

Thanks so much mensmaximus! Just to clarify a few things…
1. I watched Ferdy’s Enfold Woocommerce tutorial on YouTube and he points out that you can have a sidebar using the Single Product Pages widget. Is this an option or should it not be used?
2. I am running Enfold Version: 4.0.3. In my backend dashboard it’s telling me that my theme is up to date, but I did some research and it looks like there is a version 4.0.5. Is this correct? When I go to my Enfold Theme settings and to Theme update, it’s telling me No Updates available. You are running the latest version! (4.0.3). How would I update to the latest version then?
3. My woocommerce is Version 3.0.4. It’s my understanding this is the latest version, and my plug in section is not asking me to update. Is this correct?
4. Just to be clear, your patch is to download the enfold-child.zip, open the functions.php file and add your code snippet (Woocommerce 3.0.0 Compatibility Fix), save it, and then upload it as a new theme. This will wipe out my work, but if I go to the Enfold theme options to Import/Export and click the Import Parent Theme Settings, all my work will come back and everything should be fixed. Correct?

Thanks for your time, much appreciated!