Home › Forums › WoodMart support forum › Change the postion of categories in mobile menu
Change the postion of categories in mobile menu
- This topic has 8 replies, 3 voices, and was last updated 3 years, 5 months ago by nabilsoumah.
-
AuthorPosts
-
October 20, 2017 at 1:58 pm #22160
SuffokateParticipantCan we change the postion of categories and menu in mobile menu ? I want to show categories first when somebody clik on menu icon.
Thank youAttachments:
You must be logged in to view attached files.October 20, 2017 at 2:16 pm #22166
Artem TemosKeymasterHi,
Unfortunately, it is not possible to do with CSS and may require additional customization of theme files. You can find the code for the menu in the file
inc/template-tags.php
. Function calledwoodmart_header_block_mobile_nav
Regards
October 20, 2017 at 3:35 pm #22171
SuffokateParticipantOkay i found it. can you help me edit this code. just what to need change. Thank you
October 20, 2017 at 6:24 pm #22180
Artem TemosKeymasterTry to replace this code
<ul> <li class="mobile-tab-title mobile-pages-title active" data-menu="pages"><span><?php esc_html_e('Menu', 'woodmart'); ?></span></li> <li class="mobile-tab-title mobile-categories-title" data-menu="categories"><span><?php esc_html_e('Categories', 'woodmart'); ?></span></li> </ul>
with this one
<ul> <li class="mobile-tab-title mobile-categories-title active" data-menu="categories"><span><?php esc_html_e('Categories', 'woodmart'); ?></span></li> <li class="mobile-tab-title mobile-pages-title " data-menu="pages"><span><?php esc_html_e('Menu', 'woodmart'); ?></span></li> </ul>
And move
active
class frommobile-pages-menu
tomobile-categories-menu
Regards
October 21, 2017 at 5:37 pm #22231
SuffokateParticipantThank you very very much it works for me. And one more question i was asking how to remove the first one picture when i hoover on products because i am using transparent PNG. so you help me to add some css and it works but now when i have variableproduct with colors and i click on some color the image change to this color buut when i hoover on it is blank.
i added a video to see my problemOctober 21, 2017 at 6:43 pm #22235
Artem TemosKeymasterTry to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.
.product-swatched .product-element-top:hover > a.product-image-link { opacity: 1; }
October 21, 2017 at 8:32 pm #22244
SuffokateParticipantGreat its working now but now i have problem with mobile devices. Can you help ?
October 22, 2017 at 7:53 am #22251
Artem TemosKeymasterTry to add that all CSS snippets for desktop devices only in Theme Settings -> Custom CSS.
Regards
May 15, 2021 at 9:54 am #292557
nabilsoumahParticipanthi there
my question can you rename categories and menu in ? -
AuthorPosts
- You must be logged in to create new topics. Login / Register