Home Forums WoodMart support forum Mobile Menu Styling

Mobile Menu Styling

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #129109

    newK9
    Participant

    Hi Xtemos,

    I wonder if you could help me or point me in removing the lines between the dropdown of the mobile menu? (Highlighted in the image)

    Thank you

    Attachments:
    You must be logged in to view attached files.
    #129133

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .site-mobile-menu li.menu-item-has-children>a {
        border-bottom: 1px solid rgba(129,129,129,.2)!important;
    	  border-top: 1px solid rgba(129,129,129,.2)!important;
    }
    body .site-mobile-menu li a {
    	  border-bottom: 1px solid transparent;
    }

    Best Regards

    #129154

    newK9
    Participant

    Hi Elise,

    Thank you for the code. I was looking to keep the lines for the main elements in the menu (In green) but remove the lines for the sub parts (in orange) and blue. Then the blue area once opened for the text to slightly indent in.

    Thank you for your help

    Attachments:
    You must be logged in to view attached files.
    #129224

    Hello,

    Please replace the code with this one:

    body .site-mobile-menu .sub-menu li a {
    	  border-bottom: 1px solid transparent;
    	border-right:1px solid transparent;
    }
    body .icon-sub-menu {
        border-left: 1px solid transparent;
    }

    Best Regards

    #129239

    newK9
    Participant

    Hi Elise, Worked perfectly, although I was wondering where I’ve highlighted in blue is it possible for the text to move over? Just like they do in categories in the sidebar.

    Attachments:
    You must be logged in to view attached files.
    #129257

    Hello,

    Add this line into the code for body .site-mobile-menu .sub-menu li a

    padding-left:40px;

    Best Regards

    #129340

    newK9
    Participant

    Hi Elise,

    Worked perfectly, but I was also looking for the next sub menu to indent also. I’ve highlighted in the blue and the other image of the categories sidebar how I was thinking. Thank you for your help so far, very much appreciated.

    Attachments:
    You must be logged in to view attached files.
    #129351

    Hello,

    Please provide your site URL so that I could give the custom CSS.

    Best Regards

    #129417

    newK9
    Participant

    Thank you Elise, Added below.

    #129440

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .site-mobile-menu .sub-sub-menu li a {
        padding-left: 60px!important;
    }

    Best Regards

    #129442

    newK9
    Participant

    Thank you for your help works perfectly.

    #129458

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Mobile Menu Styling’ is closed to new replies.