Hello,

Sorry but this is personal customization and it’s not covered from support. You only need to find the css class above via inspect element (press F12 key to open it in Chrome). Wrap the css inside an @media rule for it to affect only the screen dimension you want. Read more about it here.

You can search this forum for similar cases too.
->https://support.codeless.co/?action=bbp-search-request&bbp_search=mobile+menu
->https://support.codeless.co/?topic=cursor-not-blinking-on-input-placeholder

Best regards!

Hello,

Perhaps you are editing the wrong element. The mobile menu css class is cl-mobile-menu-button

Best regards!

Hello,

No, Ninja form is not one of our included plugins. The old accordion is a deprecated element from Visual Composer. Please use the accordion element (or faqs) in the ‘content’ group of elements of VC.

To fix faqs, go to file js/main.js and find these lines:

/*------------------------------ Accordion Toggle Binding ------------------------------ */  

function accordionBinding(){
	"use strict";
	$(".accordion-group .accordion-toggle").live('click', function(){
		var $self = $(this).parent().parent();
		if($self.find('.accordion-heading').hasClass('in_head')){
			$self.parent().find('.accordion-heading').removeClass('in_head');
		}else{  
			$self.parent().find('.accordion-heading').removeClass('in_head');
			$self.find('.accordion-heading').addClass('in_head');
		}
	});
}
/*------------------------------ Accordion Toggle Binding FAQs------------------------------ */  

function accordionBindingFaqs(){
	"use strict";
	$(".accordion-group .accordion-toggle").live('click', function(){
		var $self = $(this).parent().parent();
		if($self.find('.accordion-heading').hasClass('in_head')){
			$self.parent().find('.accordion-heading').removeClass('in_head');
		}else{  
			$self.parent().find('.accordion-heading').removeClass('in_head');
			$self.find('.accordion-heading').addClass('in_head');
		}
	});
}

Replace the first block with these lines:

/*------------------------------ Accordion Toggle Binding ------------------------------ */  

function accordionBinding() {
    "use strict";
    $(".accordion-group .accordion-toggle").live('click', function() {
        var $self = $(this).parent().parent();
        if ($self.find('.accordion-heading').hasClass('in_head')) {
            $self.parent().find('.accordion-heading').removeClass('in_head');
        } else {
            $self.parent().find('.accordion-heading').removeClass('in_head');
            $self.find('.accordion-heading').addClass('in_head');
        }
    });
}

And remove (comment out) the entire second block:

/*------------------------------ Accordion Toggle Binding FAQs------------------------------ */  

function accordionBindingFaqs(){
	"use strict";
	$(".accordion-group .accordion-toggle").live('click', function(){
		var $self = $(this).parent().parent();
		if($self.find('.accordion-heading').hasClass('in_head')){
			$self.parent().find('.accordion-heading').removeClass('in_head');
		}else{  
			$self.parent().find('.accordion-heading').removeClass('in_head');
			$self.find('.accordion-heading').addClass('in_head');
		}
	});
}

Save changes and refresh page.

-Can you send us some ftp so i can check the mobile menu issue. Or enable ‘Editor’ menu under Appearance menu.
Let me know.

Best regards!

Hello,

Thank you for the nice words!

1-This is just another headers element. It’s not the mobile menu even thou it looks like it. Remove it from header, just like any other element (hover over the element and click on the bin icon). See a demo screenshot: https://postimg.cc/image/w5gim3g7r/

2-Sorry but this is not possible. The elements will flow in mobile from the row/column first in line then the rest. See screenshot: https://postimg.cc/image/xztd3gl47/
You can change this only by switching places of menu and dishes.

Best regards!

Hello,

Sorry but can you be more specific? The blinking cursor looks fine now: https://postimg.cc/image/clnzpiiyf/

Also when i check the mobile version of site, the menu only shows once. If you want to remove the “Menu” word above it, go to file style.css and find these lines:

/*Style hamburger MENU text on mobile*/
 @media (max-width: 991px) {
   .cl-mobile-menu-button.cl-color-dark::after {
    font-family: Arial;
    content: "MENU";
    padding: -30%;
    top: -54px;
    right: 12px;
    position: relative;
    display: inline-block;
}

Change content: "MENU"; to content: ""; to remove the ‘MENU’ word from it.
Let me know.

Best regards!