Community Forums

Hello,
Please go to your theme files–>wp-content\themes\specular\js and open main.js.
Find these lines:

function codelessStickyNav(){
	"use strict";
	var opened = false;
	var position = $('.header_wrapper').css('position'); 
	var bool_test = false;
	$('.logo_only_sticky .header_wrapper #logo').css('opacity', 0).css('visibility', 'hidden'); 
	$(window).scroll(function(){
		var top = $(this).scrollTop(); 

		if(top > stickyNavTop + 300 && !opened){
			
			$('body').addClass('sticky_header'); 

			setTimeout(function(){
				if($('.header_wrapper').hasClass('background--dark')){
					$('.header_wrapper').removeClass('background--dark');
					bool_test = true;
				}
				$('.header_wrapper').css('position', 'fixed').css('visibility', 'visible').addClass('open');
				opened = true; 

			}, 200);

			$('.logo_only_sticky .header_wrapper #logo').css('visibility', 'visible').css('opacity', 1); 
			
		}else if(top == 0){ 
			if( ($('.header_wrapper').hasClass('header_1') || $('.header_wrapper').hasClass('header_4') ) && bool_test){
				$('.header_wrapper').addClass('background--dark');
			}

			
			    
			$('body').removeClass('sticky_header');
			$('.header_wrapper').removeClass('open').css('position', position); 
			
			if(codelessSlider){
				var slide_color = codelessSlider.activeSlide().data('color');
				if( $('.header_wrapper').hasClass('header_1') && !$('.header_wrapper').hasClass('open'))
			    	$('.header_wrapper').removeClass('background--light').removeClass('background--dark').addClass('background--'+slide_color);
			}
			opened = false;
			$('.logo_only_sticky .header_wrapper #logo').css('opacity', 0).css('visibility', 'hidden'); 
			
		}

});

and replace with these:

function codelessStickyNav(){
	"use strict";
	var opened = false;
	var position = $('.header_wrapper').css('position'); 
	var bool_test = false;
	$('.logo_only_sticky .header_wrapper #logo').css('opacity', 0).css('visibility', 'hidden'); 
	$(window).scroll(function(){
		var top = $(this).scrollTop(); 

		if(top > stickyNavTop && !opened){
			
			$('body').addClass('sticky_header'); 

		
				$('.header_wrapper').css('position', 'fixed').css('visibility', 'visible').addClass('open');
				opened = true; 

		$('.logo_only_sticky .header_wrapper #logo').css('visibility', 'visible').css('opacity', 1); 
			
		}else if(top == 0){ 
			if( ($('.header_wrapper').hasClass('header_1') || $('.header_wrapper').hasClass('header_4') ) && bool_test){
				$('.header_wrapper').addClass('background--dark');
			}

			
			    
			$('body').removeClass('sticky_header');
			$('.header_wrapper').removeClass('open').css('position', position); 
			
			if(codelessSlider){
				var slide_color = codelessSlider.activeSlide().data('color');
				if( $('.header_wrapper').hasClass('header_1') && !$('.header_wrapper').hasClass('open'))
			    	$('.header_wrapper').removeClass('background--light').removeClass('background--dark').addClass('background--'+slide_color);
			}
			opened = false;
			$('.logo_only_sticky .header_wrapper #logo').css('opacity', 0).css('visibility', 'hidden'); 
			
		}
});

Add these to your custom CSS box:

.header_wrapper.transparent.header_9 {
    position: fixed;
    height: 60px;
}
.header_wrapper.open #logo img {
    height: 40px;
}

.open header#header {
    height: 60px;
}
.header_wrapper.transparent.header_9.open {
    padding-bottom: 20px;
}

Let us know.
Best regards!

Hello,
This may be due to some errors you may have at your site or some plugin that conflicts.
What version of theme do you have?
Please send us your credentials in a private reply. We need to see this issue further.
Best regards!

Hello,
This type of menu its not a part of our theme. You can use mega menu instead.
Creating a new menu like the one you suggest its not included in support.
Best regards!

Hello,

Sorry but that isn’t possible. You can edit the publication date of portfolio items to make the ordering the same as at portfolio page.

Regards!

Hello,
Glad to know you resolved this. Thank you for letting us know.
Best regards!

Hello,
Please go to your theme files –>wp-content \ themes \ specular \ includes \ core and open codeless_metaboxes.php. Find these lines

 $metaboxes[] = array(
            'id' => 'demo-layout2',
            //'title' => __('Cool Options', 'codeless-admin'),
            'post_types' => array('page', 'post'),
            //'page_template' => array('page-test.php'),
            //'post_format' => array('image'),
            'position' => 'side', // normal, advanced, side
            'priority' => 'high', // high, core, default, low
            'sections' => $layoutOptions
        );
        return $metaboxes; 

and replace with these :

 $metaboxes[] = array(
            'id' => 'demo-layout2',
            //'title' => __('Cool Options', 'codeless-admin'),
            'post_types' => array('page', 'post', 'product'),
            //'page_template' => array('page-test.php'),
            //'post_format' => array('image'),
            'position' => 'side', // normal, advanced, side
            'priority' => 'high', // high, core, default, low
            'sections' => $layoutOptions
        );
        return $metaboxes; 

You will be able now to choose a layout that displays a sidebar on your woocommerce single product pages, see screenshot (https://www.awesomescreenshot.com/image/1433570/ce9686e6734e9613c8eb89351867f351).
Let us know.
Best regards!

Hello,
We need your admin wp or ftp credentials to see this issue further. Send them in a private reply (make sure you check the button –>Set as private reply before sending it to protect your information). Your information is safe with us.
Regards!

Hello,
The codeless slider is tested and it works fine, so its not its problem. I loged in to your site and i saw that you have made many changes on your files related to the sliders: these are causing the malfunction of codeless slider.
Please remove the codes you have added into bootstrap.css and bootstrap-responsive.css.
I found that this line

.header_1.fullwidth_slider_page .top_wrapper {
    padding-top: 150px;
}

is causing the white space above the slider; you can remove this.
Let us know if the issue persist even after you edit the files (you can reply in this topic, don’t need to open other topics).

Best regards!