1. Shopin
  2. Monday, 11 December 2017
Hello.
Website https://bft.com.kz/
After the next updating fields in images (Screenshot_1) appeared.
I cannot understand how to remove this field. :(
Because of it in mobile version of the image are incorrectly displayed (Screenshot_2). Two columns turn out, and there has to be one and on all width of the screen (Screenshot_3).
Earlier everything worked normally.
Help to understand.
Thanks.
Attachments (3)
Responses (12)
Hi,

Thanks for your query. Please add this media query css code.


@media only screen and (max-width: 480px)
template.css:5961
.shopin-category-section .sppb-col-xs-6 {
width: 100%;
flex: 100%;
max-width: 100%;
}


-Thanks
  1. more than a month ago
  2. Shopin
  3. # 1
Hi,

Thanks for your query. Please add this media query css code.


@media only screen and (max-width: 480px)
template.css:5961
.shopin-category-section .sppb-col-xs-6 {
width: 100%;
flex: 100%;
max-width: 100%;
}


-Thanks


Thanks, but doesn't work for me :(
I will provide you access? Help please!
Thanks.
Attachments (4)
  1. more than a month ago
  2. Shopin
  3. # 2
Удалите эту строчку.
http://dl4.joxi.net/drive/2017/12/13/0008/0401/545169/69/23f2bfaafc.png
http://dl3.joxi.net/drive/2017/12/13/0008/0401/545169/69/5a17d73883.png
  1. more than a month ago
  2. Shopin
  3. # 3
И вообще этот код должен выглядеть вот так

@media only screen and (max-width: 480px) {
.shopin-category-section .sppb-col-xs-6 {
width: 100%;
flex: 100%;
max-width: 100%;
}
}
  1. more than a month ago
  2. Shopin
  3. # 4
Thanks!!!
Everything perfectly works!!!
  1. more than a month ago
  2. Shopin
  3. # 5
Everything correctly works in mobile version. But on the desktop version there were fields between images. How it is possible to move away them? In the settings - margin, pading I changed nothing. Earlier everything worked normally
Help to understand!
Thanks.
Attachments (2)
  1. more than a month ago
  2. Shopin
  3. # 6
Hi,

Add this CSS code and increase the 15px width of your image width.

Add this css code inside the custom.css file


.res-padding span.sppb-img-container {
display: block !important;
}
.res-padding .sppb-text-center .sppb-img-responsive, .sppb-text-left .sppb-img-responsive, .sppb-text-right .sppb-img-responsive {
display: block !important;
}


-Thanks
  1. more than a month ago
  2. Shopin
  3. # 7
Hello!
Thank you for you help!
But the problem is not solved completely.
At the left it is normal, and on the right there was a space between images.
I want to understand why there were these problems? It is because of updates?
Thanks.
Attachments (1)
  1. more than a month ago
  2. Shopin
  3. # 8
Hi,

Thanks for your reply. Today this template will release the update. Please update the latest version.

-Thanks
  1. more than a month ago
  2. Shopin
  3. # 9
Hi,

Thanks for your reply. Today this template will release the update. Please update the latest version.

-Thanks


Hi,

I had last day of technical support, and the problem isn't solved
Today updated a template to version 1.4, but it didn't help.
Very much I hope for your help. I can provide access to the website.

Thanks.
Attachments (1)
  1. more than a month ago
  2. Shopin
  3. # 10
Hi, Please send me the access via pm. Thanks
  1. more than a month ago
  2. Shopin
  3. # 11
Hi, Please check now. Thanks
  1. more than a month ago
  2. Shopin
  3. # 12


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.