Search Results for 'mobile menu'

  • Mirela
    Participant

    Hello,

    Cool! I just did the same trick (changing menu style from centered-simple-centered), assigned the mobile menu as main menu when the simple style was ON. Now the mobile menu is ok. See screenshot: https://postimg.cc/image/e5gda7qwn/

    Let me know.
    Best regards!

    rebeccaolson
    Participant

    Mihala –

    In my notes, I found mention of a conversation we had about this back in 2016 in this thread: https://support.codeless.co/?topic=dropdown-customize-search-results-and-static-google-map. I can’t find any other notes about how we got the responsive site to have a different menu, but up until recently, the menu has been unique.

    If nothing else, I need the menu to be the regular menu for the site – right now it just offers “Home” , “Home”, “Shop”. I tried to see if I could resolve this myself using the information you gave last time, but I can no longer find the option for a “responsive menu style” in Tower or WordPress. Below is a summary of my question and your responses.

    ****

    Question #6: I’ve got my responsive menu style (Tower>Header Options) set to the “side menu” style. However, the menu items showing on this menu (“Home”, “Template Default”, “Agency WordPress” and “Theme”) are not the menu items for my site. When I select the “standard” side menu style, the correct menu shows.

    I can’t figure out how to change this responsive menu. I’ve looked under Tower>Header Options> Menu Options) as well as Appearance>Menus, Appearance>Headers and Appearance>Widgets. Where do I set this?

    Mihala: 6-This is strange. I checked it on our side and it does not happen. Please send us your ftp credentials in a private reply. We need to check the menu files.

    Rebecca:  When I select the “standard” side menu style, the correct menu shows. In the screenshots I sent you privately, you can see what I mean.

    Mihala: I fixed it. The “Right menu” is showing up in mobile now. Since the current menu is different from the normal menu (it is composed by two different menus), the side menu in mobile called the main menu, which was undefined.So i switched back to simple menu, assign the “Right menu” to it, then switched back to left-right menu style.

    Please check your site and let us know.

    Rebecca: Thank you! I changed the menu items to be what I want, so it all works great now.

    marco.oltremateria
    Participant

    Hi,

    on the site http://www.oltremateria.it

    I made top-header visible on smartphone screen, placing this css in specular settings:

    @media (max-width: 767px){

    .top_nav { display: block !important;}

    }

    @media (max-width: 480px){

    .header_10 #logo { left: 5% !important; }

    .mobile_small_menu { top: 35% !important;}

    #logo img {max-height: 40px !important;}

    }

    It’s ok but all the content of top header comes down too much. Do you know how can I move it a little up in his right position?

    Regards

    Marco

     

    Mirela
    Participant
    This reply has been marked as private.
    rebeccaolson
    Participant

    Today I noticed that my mobile dropdown menu is not correct. It is only showing “home” and “shop”, rather than the menu I created for it back when I built the site. I have not changed any of the settings for the menus or headings.

    Can you help me troubleshoot this?

    foodblogger
    Participant

    Hi. I have some questions for this theme.

    How do I change the staff data font color?

    Is it possible paly youtubevideo as background with sound?

    On mobile device, i can not see menu item?

    How do delete the text fade effect in slider?

    Thanks

    Mirela
    Participant

    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!

    Mirela
    Participant

    Hello,

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

    Best regards!

    v1c
    Participant

    Hi there!

    I need to customize @media max width to show mobile menu on 1400px because in some tablets or laptops with small screen main menu appears with 2 lines and I prefeer show mobile menu in that cases.

    Thanks.

    eltooks
    Participant

    Hi.

    Thanks for your help so far. I replaced the old accordion with a new accordion component and it seems to be working fine. I skipped using the FAQ instead.

    With regards to my only remaining issue before I can deliver the site, the mobile menu, what do you mean by FTP access? Access to the hosting site? In that case, I’m afraid I can’t do that, because my client has other information there. I looked under “Appearance” for “Editor” but I couldn’t find it. Where exactly is it?

    Thanks.

     

    onyadesign
    Participant

    Hi sorry of the late reply. I mean I would like the top menu of the website pinnaclecapitalasia.com to be semi transparent as well on the mobile phone. At the moment, only on the computer it is semi transparent.

    Also, I when purchased Specular, it came bundled with revolution slider . I would like to have the panoramic effect for the homepage, doesn’t seem to be able to find the panoramic effects. Are you able to help?

    Thank you once again.

    Mirela
    Participant

    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!

    eltooks
    Participant

    Hi guys,

    Thanks for your answer. I did deactivate them as you requested, but the mobile menu still does nothing and the “old accordion” component is still not behaving properly.

    Also isn’t Ninja Forms a plugin with your theme? If not, what form plugin should I use?

    Could you please advise.

    • This reply was modified 6 years, 3 months ago by eltooks.
    eltooks
    Participant

    Hi Mihaila,

    Thanks for your reply.

    With regards to your points:

    1. Yes I have Show Responsive Menu Dropdown on! When the website is in mobile mode, the hamburger icon is displayed. My issue is that when I click it, a menu does not appear. It just adds a # to the URL. You can check it yourself if you check the site finconnect.io and shrink the browser (or open it on mobile).

    2. I did have two third party plugins for Google Analytics and an under construction plugin. I deactivated both, but the accordion still does not work like it should. When interacting with it, the deselected accordion remains blue and its icon remains (+). The newly selected options have their circle white and their icon remains (-).

    Please let me know.

Viewing 15 results - 631 through 645 (of 1,327 total)