Can i create side panel using menu button in my desktop version?

Hello,

You can add the mobile menu with drag and drop from tagDiv Composer add element-> mobile menu, like this => https://www.screencast.com/t/AmHKBnoaMW. To edit to display the menu like this => https://www.screencast.com/t/1gCCJi3cO, you need to add customer code in Theme Panel -> Custom Code -> Advanced CSS => https://www.screencast.com/t/fXjJOafru.
The code is:

#td-mobile-nav, .td-menu-background{
width: 22%;
}
.td-menu-mob-open-menu #td-outer-wrap {
box-shadow: 0 0 46px #000000;
position: unset;
transform: unset;
}


To do the menu you need to go in Appearance -> Menus => https://www.screencast.com/t/4caWPksk4 . To set the new menu edit with tagDiv Composer and select the menu to create => https://www.screencast.com/t/E2sZWGbFCJA.

Hope this helps you!

Thank you!

Hi,
For the menu effect, please replace the code with this one
#td-mobile-nav{
width: 22%;
}
.td-menu-background, .td-search-background {
background-image: none;
}
#td-mobile-nav {
background: no-repeat;
background-size: cover;
background-image: url(http://localhost/testsite/wp-content/uploads/2020/12/mobile-bg.jpg);
box-shadow: inset 0 0 0 1000px rgba(0,0,0,.4);
}
.td-menu-mob-open-menu #td-outer-wrap {
box-shadow: 0 0 46px #000000;
position: unset;
transform: unset;
}
Replace the URL image with your image URL.
Also if you do not want to have this effect on mobile set the code only on those fields -> https://www.screencast.com/t/F3esk05dZat

Also, the theme has only a few settings for widgets, for example, you can change the fonts from here -> https://www.screencast.com/t/uEHpq6D6

Hope this will help you!

Hello,

I’m sorry for a miss the question, I thought you solved it => https://www.screencast.com/t/lwDdYD3Ziwf -> https://www.screencast.com/t/CK0GWyoS. To change the color, select the element, in CSS change the background color =>https://www.screencast.com/t/TfyN2jv7 and in General -> Icon color => https://www.screencast.com/t/bBkFXnScYs6.

For creating the menu from the side panel, you need to go in WordPress -> Appearance -> Menus => https://www.screencast.com/t/jGUIBezaz, where you can create a new menu and add the menu items for mobile menu, after you can select the location for the new menu with tagDiv Composer => https://www.screencast.com/t/qVeJsidv.

For changing the image with color, you need the change the background-image with background-color =>https://www.screencast.com/t/5BdR2Auw, the new code is:

#td-mobile-nav{
width: 22%;
}
.td-menu-background, .td-search-background {
background-image: none;
}
#td-mobile-nav {
background: no-repeat;
background-size: cover;
background-color: #fff;
box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.1);
}
.td-menu-mob-open-menu #td-outer-wrap {
box-shadow: 0 0 46px #000000;
position: unset;
transform: unset;
}


Also, the fonts can be changed from tagDiv Composer on certain elements, for example, the title from Page Title => https://www.screencast.com/t/SJEj0mfVm.

Hope this helps you!

Thank you!

Hello,

I edited the code, this is what it displays => https://i.imgur.com/L5QA4JN.png.
For changing the color on the menu, you need to go to Theme Panel -> Theme Colors -> Mobile Menu => https://www.screencast.com/t/hjiyKq7TLfm.
This is the new code to insert :

#td-mobile-nav{
width: 22%;
}
.td-menu-background, .td-search-background {
background-image: none;
}
#td-mobile-nav {
background-color: #fff;
}
.td-menu-mob-open-menu #td-outer-wrap {
box-shadow: 0 0 46px #000000;
position: unset;
transform: unset;
}


To change the fonts, please go in Theme Panel -> Theme Fonts -> Mobile Menu => https://www.screencast.com/t/CuCBFKWP. Now this need to work.

I try to help you, but please notice that the support team can provide only support for existent options and no implementation of the code(for new options).

Hope this helps you!

Thank you!

Hello,

You need to change the background on the mobile menu from Theme Panel -> Theme Colors -> Mobile Menu/Mobile Search -> Background Gradient Color => https://www.screencast.com/t/OIMEy7FGI, and select the opacity to the level you want.
For me look like this => https://www.screencast.com/t/ZmKTxSzo.

Hope this helps you!

Thank you!

Hello,

Thank you for your kind words! I am glad to see happy customers!
If you have some questions regarding our theme, just let us know!

Have a nice day!