Page 26 – Codeless Support Center

Topic: Remove extra line when open mobile menu

in forum Folie – The WordPress Website Builder

May 19, 2020 at 5:49 pm

Participant

Hi,
When I open the mobile menu, there is this extra blue line that I don’t want showing on the page. How to remove it? Thanks

https://drive.google.com/file/d/1Tu46W-VpEXBAvC6spiTEgNqvdUf8U7Bs/view?usp=sharing

In reply to: mobile menu not working on first loading (again)

4 years, 6 months ago

Ludjon

Keymaster

Hi, I am trying to login with the latest credentials, but I can’t

Can you check, please?

Or try this edit:

$( ‘.cl-mobile-menu-button’ ).on( ‘click’, function( ){
var button = $(this);
button.toggleClass( ‘open’ );
setTimeout(function(){
self.config.$responsiveMenu.slideToggle(‘200’);
}, 200);
} );

Topic: mobile menu not working on first loading (again)

in forum Folie – The WordPress Website Builder

May 18, 2020 at 9:12 am

stephaniewting

Participant

Hello there,

I have addressed this problem in another topic called “mobile menu not working on first loading ”
As of today the same issue seem to persist even after I edited the code in file wp-content/themes/folie/js/codeless-main.js to:

$( ‘.cl-mobile-menu-button’ ).on( ‘click’, function( ){
var button = $(this);
button.toggleClass( ‘open’ );
self.config.$responsiveMenu.slideToggle(‘200’);

} );

This is the latest of what I am seeing (about a week after I changed to the above code) on my Asus android phone..
https://drive.google.com/file/d/1EIU3H9uATJOQAkyv2_JDOijb4e6VDeVA/view?usp=sharing

Is there a possibility that there is another duplicate .js files that is served, and that needs to be changed too?

Thanks for your help!

Sincerely,
-S

Topic: food-menu

in forum Picante – Restaurant & Food WordPress Theme

In reply to: Header.php in child theme problem

4 years, 6 months ago

Ludjon

Keymaster

Hi,

I found out the issue. Sorry we will update on next update. Replace header.php on child theme with:

<!DOCTYPE html>

<html <?php language_attributes(); ?> class="css3transitions">
 
<head>

    <meta charset="<?php esc_attr(bloginfo( 'charset' )); ?>" />

    <!-- Responsive Meta -->
    <?php if(codeless_get_mod('responsive_bool')): ?> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <?php endif; ?>

    <!-- Pingback URL -->
    <link rel="pingback" href="<?php esc_url(bloginfo( 'pingback_url' )); ?>" />

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->

	<!--[if lt IE 9]>

	<script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script>

	<![endif]-->

    <?php
    
    //Generated css from options
    include( get_template_directory() . '/includes/register/register_styles.php'); 
    
    // Loaded all others styles and scripts.
    
    // If Codeless Framework plugin active, add tracking codes and analytics codes (plugin territory)
    if( function_exists( 'codeless_show_extra_coding_functions' ) )
        codeless_show_extra_coding_functions();

    // Loaded all others styles and scripts.
    wp_head(); 

    ?>

</head>

<!-- End of Header -->

<body  <?php body_class(); ?>>

<?php if(codeless_get_mod('show_search')): ?>
    <div class="search_bar"><div class="container"><?php get_search_form() ?></div></div>
<?php endif; ?>

<?php if(codeless_get_mod('extra_navigation')): ?>
    <div class="extra_navigation <?php echo esc_attr(codeless_get_mod('extra_navigation_position')) ?>">
        <a href="#" class="close"></a>
        <div class="content"><?php dynamic_sidebar( "Extra Side Navigation" ); ?></div>
    </div>
<?php endif; ?>

<div class="viewport">

<!-- Used for boxed layout -->
<?php if(codeless_get_mod('site_layout') == 'boxed'): ?>
<!-- Boxed Layout Wrapper -->
<div class="boxed_layout">
<?php endif; ?>
    

    <!-- Start Top Navigation -->
    <?php if(codeless_get_mod('top_navigation')): ?>
    <div class="top_nav <?php echo esc_attr( (  codeless_get_mod('top_navigation_mobile') ) ? 'top_nav_mobile' : '' ); ?>">
        <?php 
        
        $topnav_left_colsize = '6';
        $topnav_right_colsize = '6';

        if( codeless_get_mod('topnav_layout') == '3-9' ){
            $topnav_left_colsize = '3';
            $topnav_right_colsize = '9';
        }

        if( codeless_get_mod('topnav_layout') == '9-3' ){
            $topnav_left_colsize = '9';
            $topnav_right_colsize = '3';
        }
        
        ?>
        <div class="container">
            <div class="row-fluid">
                <div class="span<?php echo esc_attr( $topnav_left_colsize ) ?>">
                    <div class="pull-left">
                        <?php dynamic_sidebar( "Top Header Left" ); ?>
                    </div>
                </div>
                <div class="span<?php echo esc_attr( $topnav_right_colsize ) ?>">
                    <div class="pull-right">
                        <?php dynamic_sidebar( "Top Header Right" ); ?>
                    </div>
                </div>
               
            </div>
        </div>

    </div>
    <?php endif; ?>

    <!-- End of Top Navigation -->

        
    <?php $header_class = codeless_get_mod('header_style');?>

    <?php if(codeless_get_mod('header_style') == 'header_1' || codeless_get_mod('header_style') == 'header_4' || codeless_get_mod('header_style') == 'header_5' || codeless_get_mod('header_style') == 'header_9' || codeless_get_mod('header_style') == 'header_11'){
        
        if( is_archive() )
            $page_header_menu_color = codeless_get_mod( 'archives_header_color' );

        if((int) codeless_get_post_id() != 0){
            $page_header_menu_color = redux_post_meta('cl_redata',(int) codeless_get_post_id(), 'page_header_menu_color');
        }

        
    
        if(isset($page_header_menu_color) && !empty($page_header_menu_color))
            $bgCheck = ($page_header_menu_color =='auto') ? '' : 'background--'.$page_header_menu_color; 
        else
            $bgCheck = 'background--light';
    } 
    ?>

    <?php if(codeless_get_mod('header_6_transparent') && $header_class == 'header_6'): ?>    
    
    <!-- Header 6 Wrapper -->
    <div class="header_6_wrapper">
     
    <?php endif; ?> 
<?php if(codeless_get_mod('header_transparency'))
    $transparent='transparent';
else $transparent='';
?>

    <!-- Header BEGIN -->
    <div  class="header_wrapper <?php echo esc_attr($transparent);?> <?php echo esc_attr($header_class) ?> <?php echo esc_attr($bgCheck) ?> <?php if($header_class == 'header_7') echo 'pos--'.esc_attr(codeless_get_mod('header_7_position')) ?>">
        <header id="header" class=" <?php echo esc_attr($transparent);?>">
            <?php if(!codeless_get_mod('header_container_full')): ?>
            <div class="container">
            <?php endif; ?>
        	   <div class="row-fluid">
                    <div class="span12">
                        

                        <?php if($header_class == 'header_11'): ?>
                        <div class="centered_header">
                            <nav class="left">
                                <?php 
                                    $args = array("theme_location" => "left", "container" => false, "fallback_cb" => 'codeless_default_menu');
                                    wp_nav_menu($args);  
                                ?> 
                            </nav>
                        <?php endif; ?>

                        <!-- Logo -->
                        <?php if(!isset($css_class)) $css_class=''; ?>
                        <div id="logo" class="<?php echo esc_attr($css_class) ?>">
                            <?php echo codeless_logo() ?>  
                        </div>
                        <!-- #logo END -->

                        <?php if($header_class == 'header_11'): ?>
                            <nav class="right">
                                <?php 
                                    $args = array("theme_location" => "right", "container" => false, "fallback_cb" => 'codeless_default_menu');
                                    wp_nav_menu($args);  
                                ?> 
                            </nav>
                        </div>
                        <?php endif; ?>

                        <?php if($header_class == 'header_5' || codeless_get_mod('show_search') || class_exists('Woocommerce') || codeless_get_mod('extra_navigation')): ?>
                        <!-- Tools -->
                            <div class="header_tools">
                                <div class="vert_mid">
                                    <?php if($header_class == 'header_5'): ?>
                                    <a class="open_full_menu" id="trigger-overlay" href="#">
                                        <i class="icon-bars"></i>
                                    </a>  
                                    <?php endif; ?>

                                    <?php if(codeless_get_mod('show_search')): ?>
                                    <a class="right_search open_search_button" href="#">
                                       <i class="icon-search"></i>
                                    </a>
                                    <?php endif; ?>

                                    <?php if(class_exists('Woocommerce')): ?>
                                    
                                        <?php get_template_part('includes/view/woocommerce', 'cart'); ?>

                                    <?php endif; ?>

                                    <?php if(codeless_get_mod('extra_navigation')): ?>
                                    <a class="extra_navigation_button" href="#">
                                        <i class="icon-bars"></i>
                                    </a>  
                                    <?php endif; ?>  
                                </div>
                            </div>
                        <!-- End Tools-->
                        <?php endif; ?>

                        <?php if(codeless_get_mod('show_button')): ?>
                        <!-- Header Button -->
                        
                            <a href="<?php echo esc_attr(codeless_get_mod('header_button_link')) ?>" class="btn-bt <?php echo esc_attr(codeless_get_mod('overall_button_style', 0) ) ?> header_button header_button_<?php echo esc_attr(codeless_get_mod('header_button_color')) ?>"><?php echo esc_html(codeless_get_mod('header_button')) ?></a> 

                        <!-- End Header Button -->
                        <?php endif; ?>

                        <!-- Navigation -->

    			        <?php if($header_class == 'header_5'): ?>
                            <div class="header_5_fullwrapper overlay_menu overlay-hugeinc">
                                <button type="button" class="overlay-close">Close</button>
                                <nav>
                                        <?php 
                                            $args = array("theme_location" => "main", "container" => false, "fallback_cb" => 'codeless_default_menu');

                                            if( codeless_get_mod('custom_menu_for_page') )
                                                $args = array('menu' => (int) codeless_get_mod('custom_menu_for_page'), "container" => false, "fallback_cb" => 'codeless_default_menu');
                                                
                                            wp_nav_menu($args);  
                                        ?> 
                                </nav>
                            </div>
                        <?php endif; ?> 
                        
                        <?php if($header_class == 'header_1' || $header_class == 'header_2' || $header_class == 'header_3' || $header_class == 'header_4' || $header_class == 'header_7' || $header_class == 'header_8' || $header_class == 'header_9'): ?>	
                        
                        <?php if($header_class == 'header_7') $css_class .= ' pos_'.esc_attr( codeless_get_mod('header_7_position') ).' ' ?>
                        <div id="navigation" class="nav_top pull-right  <?php echo esc_attr($css_class) ?>">
                            <nav>
                            <?php 
                                $args = array("theme_location" => "main", "container" => false, "fallback_cb" => 'codeless_default_menu');

                                if( codeless_get_mod('custom_menu_for_page') )
                                    $args = array('menu' => (int) codeless_get_mod('custom_menu_for_page'), "container" => false, "fallback_cb" => 'codeless_default_menu');

                                wp_nav_menu($args);  
                            ?> 
                            </nav>
                        </div>
                        <?php endif; ?> 

                        <!-- #navigation -->

                         <!-- End custom menu here -->
                        <?php if(codeless_get_mod('responsive_menu_dropdown')): ?>
    		    	         <a href="#" class="mobile_small_menu open"></a>
                        <?php endif; ?>
                        
                        <?php if($header_class == 'header_6' || $header_class == 'header_7' || $header_class == 'header_12'): ?>
                            <div class="header_widgetized">
                                <?php dynamic_sidebar('Header Widgetized Area'); ?>
                            </div>
                        <?php endif; ?>
                        

                    </div>
                </div>
                <?php if($header_class == 'header_3'): ?>
                    <?php if(codeless_get_mod('responsive_menu_dropdown')): ?>
                    <!-- Responsive Menu -->
                    <div class="row-fluid">
                        <?php get_template_part('includes/view/menu', 'small'); ?> 
                    </div>
                    <!-- End Responsive Menu -->
                    <?php endif; ?>
                <?php endif; ?>
                
            <?php if(!codeless_get_mod('header_container_full')): ?>
            </div>  
            <?php endif; ?>
            <?php if($header_class != 'header_3'): ?>
            
            <?php if(codeless_get_mod('responsive_menu_dropdown')): ?>
            <!-- Responsive Menu -->
                <div class="row-fluid">
                    <?php get_template_part('includes/view/menu', 'small'); ?> 
                </div>
            <!-- End Responsive Menu -->
            <?php endif; ?>
            <?php endif; ?>
        </header>

    </div>
    <?php if($header_class == 'header_6' || $header_class == 'header_10' || $header_class == 'header_12'): ?> 
    <div class="full_nav_menu">  
        <div class="container">
            <div id="navigation" class="nav_top pull-right  <?php echo esc_attr($css_class) ?>">
                <nav>
                    <?php 
                        
                        $args = array("theme_location" => "main", "container" => false, "fallback_cb" => 'codeless_default_menu');

                        if( codeless_get_mod('custom_menu_for_page') )
                            $args = array('menu' => (int) codeless_get_mod('custom_menu_for_page'), "container" => false, "fallback_cb" => 'codeless_default_menu');
                        
                        wp_nav_menu($args);  
                    ?> 
                </nav>
            </div>
            <?php if($header_class == 'header_12'): ?>
                <div class="after_navigation_widgetized">
                    <?php dynamic_sidebar(__('After Navigation Area','specular')); ?>
                </div>
            <?php endif; ?>
        </div>
    </div>
    <?php endif; ?>

    <?php if(codeless_get_mod('header_6_transparent') && $header_class == 'header_6'): ?>    
    </div>
    <!-- Close Header 6 Wrapper -->
    <?php endif; ?> 

    <?php if( (int) codeless_get_post_id() != 0 && redux_post_meta('cl_redata',(int) codeless_get_post_id(), 'post_style') != 'fullscreen' ): ?>
    
    <div class="top_wrapper">
    <?php endif; ?>
        <?php get_template_part('includes/view/sliders_output'); ?>

<!-- .header -->

Let me know if this works
Thanks

In reply to: Mobile view: reverse columns, change pic width & alignment, footer height

4 years, 6 months ago

Eldo

Keymaster

Hello,

5. Please try to add this code instead:

@media (max-width: 979px){

.mobile_small_menu {  color: #4F4F50  !important;}

}

6. You have to add this custom code:

.menu-small ul li.current_page_item{
   color:#4F4F50 !important;
}

Regards!

In reply to: Mobile view: reverse columns, change pic width & alignment, footer height

4 years, 6 months ago

magdad

Participant

@Eldo sure, thank you. Can I add 2 additional questions that I did not find answer for?

5. How to change hamburger colour? I tired to use this code, it changed colour for a while, after click colour comes back to blue.

@media (max-width: 979px){

.mobile_small_menu { color: #4F4F50;}

}

6. How can I change colour of the active menu position? Eg. when I am on Applications subpage, I would like Applications in menu to have blue font. I know that side menu has this option, but standard menu unfortunately doesn’t.

This reply was modified 4 years, 6 months ago by magdad.

Topic: Menu CSS doen't work well

in forum Picante – Restaurant & Food WordPress Theme

May 12, 2020 at 8:56 pm

allanftoledo

Participant

I have some problem using menu:

1) I want all text in white (light gray is ok) all the time when I’m in big screen.

2) In mobile or tablet, menu turn white and I don’t know how to add a logo to show on white background.

3) The button (DELIVERY) should appear, always, in white (light gray) border and text.

How can I do it?

Tks!

In reply to: Dummy Content | Menu | Slider

4 years, 6 months ago

pedrocasalinho

Participant

https://gyazo.com/7dff015970b671d60291ebd545ad042b
On mobile menu/slider

Topic: Mobile

in forum June WooCommerce WordPress Theme

May 12, 2020 at 1:54 pm

nickypijl

Participant

Hi,

I have a question. I have the ‘June’ theme and everything works fine on the computer but on my Iphone or Ipad the menu doesn’t work. If I click on the menu it will not open. I can’t insert my shopping cart either. I also don’t get my logo in the middle. Please help me!

Thanks

The link is: https://loulane.com/

Topic: Issue with mobile view

in forum June WooCommerce WordPress Theme

May 11, 2020 at 10:45 pm

Nas

Participant

The mobile view been tested on android and iphone and it shows empty slides and hamburger menu doesn’t work at all.

also, the website loads too slow even I haven’t added that much content.

This topic was modified 4 years, 6 months ago by Nas. Reason: typo

Topic: Dummy Content | Menu | Slider

in forum June WooCommerce WordPress Theme

May 10, 2020 at 2:03 pm

pedrocasalinho

Participant

Hello team, i’ve purchased your June Theme for Woocommerce but we are experiencing alot of problems with this theme. First of all we can’t import your default theme, it freezes near 70%. I alreacy checked the php settings for the limits, already made a clean install, it always freezes. Check my Screenshot

https://gyazo.com/3b0fde3a29749425dd8d0d8dc6b50c0d

Second Problem, after 1000 tries at the freezing problem, it somehow imported something to my wordpress, pages and a few content. When we are at the mobile (real smartphone) it doesn’t allow to click on the hamburger menu, doesnt open anything. And the Slider crashes too.

Can you help me fixing that?

https://gyazo.com/79d5445505a1197aa8f7abafe42eb0af

https://gyazo.com/a4c031096eee13aac8362723f4484d10

My website for testing: silvajeans.jetztcorp.com

Thank you!

In reply to: mobile menu not working on first loading.

4 years, 6 months ago

Eldo

Keymaster

Hello,

Please can you edit the file wp-content/themes/folie/js/codeless-main.js find the lines:

 $( '.cl-mobile-menu-button' ).on( 'click', function( ){
                var button = $(this);
                button.toggleClass( 'open' );
                self.config.$responsiveMenu.slideToggle('200');         
                CL_FRONT.animations( self.config.$responsiveMenu , true );

            } );

replace with:

 $( '.cl-mobile-menu-button' ).on( 'click', function( ){
                var button = $(this);
                button.toggleClass( 'open' );
                self.config.$responsiveMenu.slideToggle('200');         

            } );

Save the file.

Let me know if this resolves your issue.

Regards!

Topic: Custom Menus not working on Mobile

in forum Specular – Multi-Purpose WordPress Theme

In reply to: how do I get the dummy pages

4 years, 6 months ago

MashaKub

Participant

This reply has been marked as private.

Viewing 15 results - 376 through 390 (of 1,327 total)

← 1 2 3 … 25 26 27 … 87 88 89 →

Community Forums

Search Results for 'mobile menu'

Topic: Remove extra line when open mobile menu

In reply to: mobile menu not working on first loading (again)

Topic: mobile menu not working on first loading (again)

Topic: food-menu

In reply to: Header.php in child theme problem

In reply to: Mobile view: reverse columns, change pic width & alignment, footer height

In reply to: Mobile view: reverse columns, change pic width & alignment, footer height

Topic: Menu CSS doen't work well

In reply to: Dummy Content | Menu | Slider

Topic: Mobile

Topic: Issue with mobile view

Topic: Dummy Content | Menu | Slider

In reply to: mobile menu not working on first loading.

Topic: Custom Menus not working on Mobile

In reply to: how do I get the dummy pages

Site Links

Useful Articles

Login