Home / Forums / WoodMart support forum / Change the postion of categories in mobile menu
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 5 years, 1 month 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 #22166Hi,
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_navRegards
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 #22180Try 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
activeclass frommobile-pages-menutomobile-categories-menuRegards
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 #22235Try 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 #22251Try 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