This topic has 27 replies, 2 voices, and was last updated 8 years by 
-
-
Hi Support team
Is there a way to make the mobile menu sticky and show while scrolling down on a mobile device?
Thanks
Sophie
Hi,
Add this css to your wp-admin -> theme options -> general settings -> quick css
COPY CODE.kleo-main-header.header-normal {position:fixed !important;top:0 !important}Let me know if is ok
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi Radu
Thanks for this, yes now the mobile menu is sticky, but how to make the menu background white and black font just like the desktop version please?
Thanks
SophieHi Radu
Another question please, is it possible to change the language option for the footer widget area?
Thanks
SophieHi Radu
Sorry putting all questions/ issues into 1 email so it’s easier
1. With the code you gave me for the mobile menu, it’s affecting the desktop menu, which disappears on scrolling, so I can’t use it.
Can you please provide another solution for the sticky mobile menu?2. With the plugin/ settings for Contact to Email, can you please let me know how to change the Chinese text for the field text box titles?
And also the text for the ‘Submit’ button3. For the Multilingual text, how does this work to change the text from English to Simplified Chinese and Traditional Chinese? I’m trying to change some text for the traditional chinese.
Thanks
SophieHi,
Regarding to this :
Thanks for this, yes now the mobile menu is sticky, but how to make the menu background white and black font just like the desktop version please?Please provide access to your website to can view and test the css, then i will provide the css for this.
———————
1. I need client key to ca view website
2. You can customize or changing strings names or buttons by adding this function to wp-content/themes/kleo-child/functions.php
COPY CODE/*************************************************** :: Bottom contact form ***************************************************/ if (!function_exists('kleo_contact_form')) { function kleo_contact_form( $atts, $content = null ) { extract(shortcode_atts(array( 'title' => 'CONTACT US' ), $atts)); $output = ''; $output .= '<div class="kleo-quick-contact-wrapper">' .'<a class="kleo-quick-contact-link" href="#"><i class="icon-mail-alt"></i></a>' .'<div id="kleo-quick-contact">' .'<h4 class="kleo-qc-title">'. $title .'</h4>' .'<p>'. do_shortcode($content).'</p>' .'<form class="kleo-contact-form" action="#" method="post" novalidate>' .'<input type="text" placeholder="'.__("Your Name",'kleo_framework').'" required id="contact_name" name="contact_name" class="form-control" value="" tabindex="276" />' .'<input type="email" required placeholder="' . __("Your Email",'kleo_framework') . '" id="contact_email" name="contact_email" class="form-control" value="" tabindex="277" />' .'<textarea placeholder="' . __("Type your message...",'kleo_framework') . '" required id="contact_content" name="contact_content" class="form-control" tabindex="278"></textarea>' .'<input type="hidden" name="action" value="kleo_sendmail">' .'<button tabindex="279" class="btn btn-default pull-right" type="submit">'. __("Send",'kleo_framework').'</button>' .'<div class="kleo-contact-loading">'. __("Sending",'kleo_framework').' <i class="icon-spinner icon-spin icon-large"></i></div>' .'<div class="kleo-contact-success"> </div>' .'</form>' .'<div class="bottom-arrow"></div>' .'</div>' .'</div><!--end kleo-quick-contact-wrapper-->'; return $output; } add_shortcode('kleo_contact_form', 'kleo_contact_form'); }3. For string translation you can use loco translate plugin. https://wordpress.org/plugins/loco-translate/
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
Client key correct but admin credentials incorrect, just add this css to wp-admin -> theme options -> general settings -> quick CSS. I’ve tested live on your website and it shows ok.
COPY CODE@media(max-width:780px) { .kleo-main-header.header-normal {position:fixed !important;top:0 !important;background-color:#222 !important;} strong.logo {width:75% !important;margin-top:15px;} }After you add this code to css, refresh the homepage holding CTRL + F5 for 1 second.
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
1. Replace code that i have you provided with this
COPY CODE@media (max-width: 780px) { .kleo-main-header.header-normal { position: fixed !important; top: 0 !important; background-color: #fff !important; } .navbar-transparent .navbar-toggle .icon-bar { background-color: #222!important; } }2. Paste the code that i have you provided in wp-content/themes/kleo-child/functions.php ( only if you want to add another field to form or to remove certain field if you want only to change string names use Loco Translate )
3. Read the official guide about loco translate : https://localise.biz/help/wordpress/translate-plugin/beginners
Beside the settings that you can find in theme options or customizer, anything else need to be mannualy styled , that will require css/html/php knowledge and you should hire a developer for future custom theme modifications.
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
Add this css to wp-admin -> theme options -> general settings -> quick css
COPY CODE@media (max-width: 991px) { .header-color a { color: #333 !important; } }Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThanks Radu
I’m really surprised no one else who bought this theme is having as much issues with the mobile menu as I am. But now that I can see the text, the scrolling is not working on the mobile menu, so if I have more items on the sub-menu, it’s not possible to see it or scroll down to the other main menu items
Please see screenshot attached
Hi,
Do you have installed/activated any plugin recently ? because when i open the menu on mobile it closes immediately after i open.
This can be caused by loading twice bootstrap framework, one from our theme and another from some plugins that override the js from our’s.
Because of these i cannot see your described issue, do you have tried to use sidemenu ? maybe if you will like it.
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
1. The solution that i gave you above is an experimental one and its not an official/stable fix for having a fixed mobile menu.
The code that i given you it doesn’t cover all the use cases and you should use it as a guidance for for improving your menu. I recommend you to stick with the default menu options.
2. For the issue with the WPML lang switcher we are working on a solution and we will let you know when is ready.
In the future we will consider it as theme option.
I;ve pasted on your theme options -> general settings -> quick css this snippet
COPY CODE@media(max-width:980px) { ul#menu-main-menu-eng li.menu-item-has-children { overflow-y: auto; max-height: 150px; } }You can use this css that it allows you to scroll in the menu but is only experimental
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
You’re welcome
Here is fix for the lang switcher
You should add it to wp-content/themes/kleo-child/functions.php
COPY CODEif( !function_exists('kleo_wpml_wp_nav_menu_items_filter') ){ function kleo_wpml_wp_nav_menu_items_filter( $items, $args ){ if( $args->theme_location == 'primary' ) { $items = str_replace( '<a href="#" onclick="return false">', '<a href="#" class="js-activated">', $items ); $items = str_replace( '</a><ul class="sub-menu submenu-languages">', '<span class="caret"></span></a><ul class="sub-menu submenu-languages dropdown-menu pull-left">', $items ); } return $items; } add_filter( 'wp_nav_menu_items', 'kleo_wpml_wp_nav_menu_items_filter', 10, 2 ); }Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
That black bar is admin bar and you can turn off from go to wp-admin -> theme options -> Miscellaneous -> Admin toolbar -> OFF
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionYou’re welcome
Have a nice week
Don’t forget to rate our theme 5 stars on Themeforest since it will really help us.
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
The forum ‘Bugs & Issues’ is closed to new topics and replies.
