Dokan – integration

Hello Romeo,

To install Dokan Please check this documentation through this link – http://docs.wedevs.com/how-to-install-dokan/.

Thank you 🙂

Hello,
I have a problem with the store sidebar. It’s not responsive. In full size screen, it’s perfect but in small device, sidebar doesn’t retract or it isn’t placed above or below the store frame. How can I have the toggle button for the sidebar like into the Dokan Theme?
Can you check http://store.tahiti-fit.com/store/demo/ please.

Thank you

Hello Romeo,

Please open themes/mindig/theme/assets/css/responsive.css and add following line at bottom of the file.

#dokan-primary {
  width: 100%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}

#dokan-secondary {
  width: 100%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}

Can you please share a screenshot about which toggle button you are mentioning.

Thanks

Hello Towhid,

Thank you for your answer.

You can see the toggle button I’m mentioning. I have added the lines in responsive.css but it doesn’t work.

http://store.tahiti-fit.com/wp-content/uploads/2015/07/20150703213655.png

http://store.tahiti-fit.com/wp-content/uploads/2015/07/20150703213925.png

http://store.tahiti-fit.com/wp-content/uploads/2015/07/20150703214324.png

Hello Romeo,

Please download the responsive.css file from the following link and replace with the old and see what happen.
https://www.dropbox.com/s/b43p9scozpcpf10/responsive.css?dl=0

Please let me know the result when done.

Thanks

Hello Towhid,

Thank you for the file but it still doesn’t work.

Hello Romeo,

Please provide your login details by using this form: http://wedevs.com/provide-login-details/. I will have a look what is going wrong.

Thank you 🙂

Hello Towhid,
It’s ok. I thank you and await your reply.

Hello Romeo,

Can you please check your site. I have fixed that responsive issue for sidebar.

Thanks

Hello Towhid,
Thank you for your help, it’s ok for the responsive issue for sidebar. But how can I have the toggle button like in your dokan demo site.

http://store.tahiti-fit.com/wp-content/uploads/2015/07/20150703213655.png

thank you

Use the following code for toggling the button.

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-top-collapse">
                                <span class="sr-only"><?php _e( 'Toggle navigation', 'dokan' ); ?></span>
                                <i class="fa fa-bars"></i>
                            </button>

Also use this style.

.navbar-toggle {
position: relative;
float: right;
}

.navbar-toggle .icon-bar {
display: block;
width: 22px;

}

.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}

@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}

.navbar-default .navbar-toggle {
border-color: #dddddd;
}
 
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #dddddd;
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #cccccc;
}
}

.navbar-inverse .navbar-toggle {
border-color: #333333;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
 background-color: #333333;
}
 
.navbar-inverse .navbar-toggle .icon-bar {
   background-color: #ffffff;
  }

If you need further assistance please let me know.

Thanks

Hello Towhid,
Where should I paste these codes?

Thank you

Hello Romeo,

Put the style file in theme’s style.css.

Put the toggle button code where you want to show the category. I do not have any idea about the theme you are using.

Thanks

Hello Towhid,
I saw a post from a person who have the same theme that me. https://wedevs.com/support/topic/dokan-dasshboard-css-issue/

I would like to know all his issues and the solutions you’ve given to this person. That would help me to integrate perfectly dokan to my theme.

Thank you

Hello Romeo,

All of the topic posts are private so that you can not see the discussion.

Can you please specify what sort of query you asked for. I can answer in here.

Are you using nielsen theme?

Thanks