Home › Forums › WoodMart support forum › Mobile menu changes

Mobile menu changes

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 29, 2023 at 12:34 pm #516763

    dh.pasan
    Participant

    * I want to change the mobile menu drop down icon to plus icon and spaces like I attached Screenshot.

    * Please check.
    Main menu, Sub menus borders and spaces.

    I know how to put Sub menus images Excluding this plz check above points.

    Attachments:
    You must be logged in to view attached files.
    November 29, 2023 at 2:43 pm #516818

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    No, there is no option. The drop-down menu is opened only by clicking on the arrow.

    To change the icon:

    This can be implemented with Font Awesome icons:

    .mobile-nav .wd-nav-opener:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f067";
}

.mobile-nav .wd-nav-opener.wd-active:after {
	content: "\f068";
	transform: none;
}

    Best Regards.

    November 30, 2023 at 7:28 am #517053

    dh.pasan
    Participant

    I am attaching a video link. I want to add a border to the mobile menu. When the sub-menu is opened, the border should behave as shown in the video.

    https://drive.google.com/file/d/1W8EA6EirrJxYooqoFdPIGPy1FHcxzo6n/view?usp=sharing

    November 30, 2023 at 1:46 pm #517208

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please share the page url i will check and give you a custom css.

    Best Regards.

    December 6, 2023 at 2:40 pm #519060

    dh.pasan
    Participant

    Sorry for the delay in reply here’s the page URL

    https://test3.prestigegemsstore.com

    December 7, 2023 at 6:31 am #519278

    dh.pasan
    Participant

    any update?

    December 7, 2023 at 3:14 pm #519467

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I have not seen any menu on your site in mobile view.
    https://ibb.co/z2HyBD3

    Best Regards.

    December 8, 2023 at 7:18 pm #519885

    dh.pasan
    Participant

    check now https://test3.prestigegemsstore.com. site is working now

    December 9, 2023 at 11:46 am #519964

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Sorry to say your reference video is not working. Can you please share the video again for better understanding.

    Best Regards.

    December 9, 2023 at 12:17 pm #519970

    dh.pasan
    Participant

    Here you go.

    https://drive.google.com/file/d/1W8EA6EirrJxYooqoFdPIGPy1FHcxzo6n/view?usp=sharing

    December 9, 2023 at 4:43 pm #520005

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Add below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for mobile:

    .wd-nav-mobile>li>a, .wd-nav-mobile>li>ul li>a {
border-bottom: none;
}

.wd-nav-mobile>li>:is(.wd-sub-menu,.sub-sub-menu), .wd-nav-mobile>li>ul li>:is(.wd-sub-menu,.sub-sub-menu) {
   border-bottom: 1px solid black;
}

    Best Regards.

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)