Support ForumChange how top menu appear on devices (no button) – Support Forum https://support.ishyoboy.com/forums/topic/change-how-top-menus-appear-on-devices/feed/ Sat, 18 May 2024 18:37:05 +0200 http://bbpress.org/?v=2.5.12-6148 en-US https://support.ishyoboy.com/forums/topic/change-how-top-menus-appear-on-devices/#post-1879 <![CDATA[Change how top menu appear on devices (no button)]]> https://support.ishyoboy.com/forums/topic/change-how-top-menus-appear-on-devices/#post-1879 Tue, 04 Mar 2014 18:49:55 +0000 WAPPUK Hi,

1. i have the cart in the top menu, (on its own)

on devices it will be hard for costumers to find the cart..

is there a way to change this so that when there is only 1 them in the top menu, there is no menu drop down menu button and it displays the cart all the time?

2. is there a way to change the menu image? to a custom graphic? If so will it have to be a certain height or width? and how would i change it?
Edit: Please open a separate topic and please be more specific.

Thanks,
Dean

]]>
https://support.ishyoboy.com/forums/topic/change-how-top-menus-appear-on-devices/#post-1890 <![CDATA[Reply To: Change how top menu appear on devices (no button)]]> https://support.ishyoboy.com/forums/topic/change-how-top-menus-appear-on-devices/#post-1890 Wed, 05 Mar 2014 06:20:20 +0000 IshYoBoy Hi Dean,

Please do not group multiple problems into one topic to keep the forum easily searchable 1 topic = 1 solution.

To stop the responsiveness of the top navigation you will have to:

1. Disable the JavaScript
2. Add a CSS media query to show the original menu.

1. To disable the JS please open the following file on line 222:

wp-content\themes\nalleto\assets\html\core\libs\js\main.js

You should find the following function:

You can comment it out to disable it. Please note this change cannot be done from the child theme and you will have to reproduce it each time you update the theme.

2. Add the following CSS to show the menu and center the its items:

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

]]>
https://support.ishyoboy.com/forums/topic/change-how-top-menus-appear-on-devices/#post-1900 <![CDATA[Reply To: Change how top menu appear on devices (no button)]]> https://support.ishyoboy.com/forums/topic/change-how-top-menus-appear-on-devices/#post-1900 Wed, 05 Mar 2014 18:51:37 +0000 WAPPUK Ok thanks, how do I comment it out?

]]>
https://support.ishyoboy.com/forums/topic/change-how-top-menus-appear-on-devices/#post-1901 <![CDATA[Reply To: Change how top menu appear on devices (no button)]]> https://support.ishyoboy.com/forums/topic/change-how-top-menus-appear-on-devices/#post-1901 Wed, 05 Mar 2014 23:02:45 +0000 WAPPUK OK done that and its working :)

but the main menu button has disappeared on devices?

]]>
https://support.ishyoboy.com/forums/topic/change-how-top-menus-appear-on-devices/#post-1904 <![CDATA[Reply To: Change how top menu appear on devices (no button)]]> https://support.ishyoboy.com/forums/topic/change-how-top-menus-appear-on-devices/#post-1904 Thu, 06 Mar 2014 08:03:50 +0000 IshYoBoy Hey,

Make sure to comment only the mentioned block of code and not to also comment the main navigation block ;) Also make sure not to make any JS error as this could also be the cause and break the whole page.

To comment a whole block out, please use block comments:

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

]]>
https://support.ishyoboy.com/forums/topic/change-how-top-menus-appear-on-devices/#post-1920 <![CDATA[Reply To: Change how top menu appear on devices (no button)]]> https://support.ishyoboy.com/forums/topic/change-how-top-menus-appear-on-devices/#post-1920 Fri, 07 Mar 2014 18:08:16 +0000 WAPPUK Am i to copy in the orange or black text (in plain toggle code)

This is what ive got?

/*
* Top navigation bar responsive menu
*/
if ( $('.top-nav').length > 0 ) {
$(‘.top-nav-resp ul’).append( $(‘.top-nav > ul > li’).clone() );

// create fake menu button and hide it
$(‘.part-top-navigation .row .left’).append(‘‘);

// open resp menu
var trMenuBtn = $(‘.fake-top-menu-button’);
var trMenu = $(‘.top-nav-resp’);
var trMenuDel = 350;
var trMenuOpened = false;

Are you able to edit this whole block as im worried im going to copy the wrong bit in.

Thanks

Dean

]]>
https://support.ishyoboy.com/forums/topic/change-how-top-menus-appear-on-devices/#post-1923 <![CDATA[Reply To: Change how top menu appear on devices (no button)]]> https://support.ishyoboy.com/forums/topic/change-how-top-menus-appear-on-devices/#post-1923 Fri, 07 Mar 2014 18:42:19 +0000 IshYoBoy Hey,

The whole block is unneeded as you wish to remove the functionality. You could either remove it or comment it in case you wanted to turn it back on :)

The unnecessary code starts on line 222 and ends on line 296. Then there are few empty lines and the block for the main navigation starts:

If you wish to comment-out the code you might want to read more about comments in JavaScript: https://www.w3schools.com/js/js_comments.asp

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

]]>
https://support.ishyoboy.com/forums/topic/change-how-top-menus-appear-on-devices/#post-1928 <![CDATA[Reply To: Change how top menu appear on devices (no button)]]> https://support.ishyoboy.com/forums/topic/change-how-top-menus-appear-on-devices/#post-1928 Sat, 08 Mar 2014 11:19:27 +0000 WAPPUK Thanks,

If I were to delete it, would the main menu button still appear?

]]>
https://support.ishyoboy.com/forums/topic/change-how-top-menus-appear-on-devices/#post-1931 <![CDATA[Reply To: Change how top menu appear on devices (no button)]]> https://support.ishyoboy.com/forums/topic/change-how-top-menus-appear-on-devices/#post-1931 Mon, 10 Mar 2014 09:15:54 +0000 IshYoBoy Hey,

Back it up, try to delete it and you will see :) If it disappears you can always restore it. But if you delete the correct part only, the main nav should still be working as it has to.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

]]>
https://support.ishyoboy.com/forums/topic/change-how-top-menus-appear-on-devices/#post-1937 <![CDATA[Reply To: Change how top menu appear on devices (no button)]]> https://support.ishyoboy.com/forums/topic/change-how-top-menus-appear-on-devices/#post-1937 Mon, 10 Mar 2014 22:59:14 +0000 WAPPUK resolved thanks :)

]]>