Mobile Views Advanced Sidebar Menu

Resolved

Requested: 1 year and 3 months ago

Hi Mat,

Just wondering if you can take a look at this from a mobile view and let me know if theres anything I can do to make some sort of menu appear so users can still navigate amongst categories? Please let me know.

Mat Lipe
1 year and 3 months ago

Hi Tyler,

Maybe this is what you are looking for?

Have a great day!

Mat Lipe
info28
1 year and 2 months ago

Mat,

Hope your enjoying your weekend.

If I wanted to change the width of the Advanced Sidebar Menu so all text showed up on one line how would one do so?

Please let me know.

Thanks.

Also… I know you gave me CSS to move the accordian to left side but if i want to hide the accordian but still have the menus expand what would I do?
Mat Lipe
1 year and 2 months ago

Hi Tyler,

You may make your sidebar wider by changing the following lines in your CSS file:

Line 65

width: calc(75% - 15px) !important;

Line 56

width: 25% !important;
Mat Lipe
1 year and 2 months ago

To Remove the icons and still have the accordion function you have 2 options via JavaScript.

Open and close on hover:

jQuery(function ($) { setTimeout(function () { for (var $widget_id in asm_pro.accordion._enabled_accordions) { var el = $(document.getElementById($widget_id)) if (asm_pro.accordion._enabled_accordions[$widget_id]['include_parent']) { parents = el.find('> ul > li .has_children').has('ul'); } else { parents = el.find('ul .has_children').has('ul'); } parents.each(function () { var _parent_menu = $(this); _parent_menu.on('hover', function (ev) { var icon = $(this).find('> span'); icon.data('state', 'expand'); asm_pro.accordion._expand_sub_menu($(this), icon ); }); _parent_menu.on('mouseleave', function() { var icon = $(this).find('> span'); icon.data('state', 'contract'); asm_pro.accordion._expand_sub_menu($(this), icon ); }); }); } }, 1000); });

Open and close on click of links

jQuery( function($){ setTimeout( function(){ for( var $widget_id in asm_pro.accordion._enabled_accordions ){ var el = $( document.getElementById( $widget_id ) ) if( asm_pro.accordion._enabled_accordions[$widget_id]['include_parent'] ){ parents = el.find( '> ul > li .has_children' ).has( 'ul' ); } else { parents = el.find( 'ul .has_children' ).has( 'ul' ); } parents.each( function(){ var _parent_menu = $( this ); _parent_menu.on( 'click', '> a', function( ev ){ ev.preventDefault(); asm_pro.accordion._expand_sub_menu( _parent_menu, _parent_menu.find( '> span' ) ); } ); } ); } }, 1000 ); });

Then you may remove the icons with some CSS

.advanced-sidebar-menu .dashicons { display: none; }

Enjoy!

Mat Lipe
info28
1 year and 2 months ago

Hey Mat,

Any way of having a menu that works on Mobile side as well?

Apparently I cannot see the accordian menu. Let me kno thanks.
info28
1 year and 2 months ago

Hey Mat,

I’m having trouble with the CSS markups on the site.

table.products .pr-desc p

.rarity-magic{color:#4850b8 !important}

.rarity-unique{color:#908858 !important}

.rarity-set{color:#00c400 !important}

.rarity-rare{color:#ff0 !important}

.rarity-crafted{color:orange !important}

.rarity-runeword{color:#706850 !important}

.rarity-rune{color:#928a72 !important}

.rarity-white-grey{color:#afafaf !important}

trying to use rarity-magic and it just shows up black.

what can I do?

https://www.d2bestbuys.com/product-category/diablo-2/east-non-ladder-diablo-2/charms-grand/attack-rating/

If i use rarity-set it works or rarity-unique it works.

but none of these others are working.
Mat Lipe
1 year and 2 months ago

Hi Tyler,

It appears your sidebar is not displayed on mobile due to your theme’s layout.css. Check out line 2308 of /wp-content/themes/enfold/css/layout.css

Have a great day!

Mat Lipe
Mat Lipe
1 year and 2 months ago

Hi Tyler,

It appears that your provided CSS may just need to be correctly added to the site. When I view the page, I’m not seeing the mentioned CSS, but when I add the following CSS it does work.

.rarity-magic { color: #4850b8 !important; }

Have a great day!

Mat Lipe
info28
1 year and 2 months ago

Where do I add these to?

I have them in the advanced css area on the site enfold theme.

please advise.
Mat Lipe
1 year and 2 months ago

Hi Tyler,

I did a good write up on a couple of options.

Otherwise, you may add them to directly to one of your theme’s CSS files such as /wp-content/themes/d2bestbuys/style.css.

Have a great day!

Mat Lipe
info28
1 year and 2 months ago
Mat,

hope you had a nice easter.

I received a Woocomerce update that says the following now

WooCommerce database update required

WooCommerce has been updated! To keep things running smoothly, we have to update your database to the newest version. The database update process runs in the background and may take a little while, so please be patient. Advanced users can alternatively update via WP CLI.

Your theme (Diablo 2 Best Buys) contains outdated copies of some WooCommerce template files. These files may need updating to ensure they are compatible with the current version of WooCommerce. Suggestions to fix this:
1. Update your theme to the latest version. If no update is available contact your theme author asking about compatibility with the current WooCommerce version.
2. If you copied over a template file to change something, then you will need to copy the new version of the template and apply your changes again.
please advise.
Mat Lipe
1 year and 2 months ago

Hi Tyler,

Woocommerce will typically bump the version of their template files when they make changes to them.

Most of the time your customization are able to be left in place when a new version of Woocommerce comes out without issue.

Hope this helps!

Mat Lipe

Respond Cancel reply

You must be logged in to respond. Only PRO members are allowed to respond to support requests.

Open and close on hover:

Open and close on click of links

Respond Cancel reply