Vendors Sore Page

This topic has 9 replies, 4 voices, and was last updated 6 years, 1 month ago by Artem Temos.

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

Author

Posts
January 13, 2019 at 11:57 am #101643

rpl-admin
Participant

Hello,

We’re using your theme with Dokan and have some issues on smaller screen sizes. Please see screenshot. Is this something you can help us with or do we contact Dokan?

Many thanks

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

January 13, 2019 at 2:39 pm #101651
Bogdan Donovan
Keymaster
Hi,

Try to add the following code snippet to the Mobile Custom CSS area in Theme Settings to fix this issue.
```
.dokan-store-tabs .dokan-list-inline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.dokan-store-tabs .dokan-list-inline li {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	border-right: none !important;
	border-bottom: 1px solid #EDEDED;
}

.dokan-store-tabs .dokan-list-inline .dokan-right {
	margin-right: 0 !important;
}

.dokan-store-tabs .dokan-list-inline .dokan-right:not(:last-child) {
	margin-bottom: 5px;
}

.dokan-store-tabs .dokan-list-inline .dokan-right button {
	width: 100%;
	margin: 0;
}
```
Regards
January 14, 2019 at 2:08 am #101706

rpl-admin
Participant

That works a treat. Great support.
Many thanks.

January 14, 2019 at 7:09 am #101714

Bogdan Donovan
Keymaster

You are welcome!

January 14, 2019 at 7:13 am #101716

rpl-admin
Participant

Hello again,

Actually, it seems this issue is not entirely resolved. Could you help out further?

An odd thing happens when you open just one tab, the middle tab: terms & conds – please see screenshots.

On tablets only, when you open this tab it throws the layout off – meaning the content no longer occupies 100% of the width. This happens in both portrait & landscape. In the case of the landscape view, the content no longer sits under the tab but renders to the right of the content.

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

January 14, 2019 at 9:26 am #101742

Elise Noromit
Member

Hello,

Please provide your site admin access.

Best Regards

January 14, 2019 at 9:52 am #101745

rpl-admin
Participant

Please find attached.
Many thanks

January 14, 2019 at 12:22 pm #101770
Bogdan Donovan
Keymaster
Please, remove previous code and place following code snippet to the Global Custom CSS area in Theme Settings.
```
body .dokan-single-store .dokan-store-tabs ul li {
	border-right: none;
}

@media (max-width: 1024px) {

.dokan-store .site-content > div {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	width: 100%;
}

}

@media (max-width: 768px) {

.dokan-store-tabs .dokan-list-inline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.dokan-store-tabs .dokan-list-inline li {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	border-right: none !important;
	border-bottom: 1px solid #EDEDED;
	margin-top: 0 !important;
}
	
.dokan-store-tabs .dokan-list-inline li a {
	width: 100%;	
}

.dokan-store-tabs .dokan-list-inline .dokan-right {
	margin-right: 0 !important;
	border: none;
}

.dokan-store-tabs .dokan-list-inline .dokan-right:not(:last-child) {
	margin-bottom: 5px;
}

.dokan-store-tabs .dokan-list-inline .dokan-right button {
	width: 100%;
	margin: 0;
}
	
}
```
Regards
January 15, 2019 at 2:09 am #101919

rpl-admin
Participant

Excellent!
Once again, many thanks.

January 15, 2019 at 7:07 am #101926

Artem Temos
Keymaster

You are welcome.
Author

Posts