Page 1 of 1

Product category view (mobile)

Posted: Sat Sep 15, 2018 12:00 pm
by Anderltu
Hello. I'm having problem with page width when surfing using mobile.

This is how page looks when .col-xs-6 { width: 50% is on :

Image

When I turn off .col-xs-6 { width: 50%:
Image

So I want to see one product after another, like when .col-xs-6 { width: 50% is off


Can someone help me? ( I was using chrome to turn off or turn on .col-xs-6 { width: 50% )

Re: Product category view (mobile)

Posted: Sat Sep 15, 2018 3:51 pm
by khnaz35
Anderltu wrote:
Sat Sep 15, 2018 12:00 pm
Hello. I'm having problem with page width when surfing using mobile.

This is how page looks when .col-xs-6 { width: 50% is on :

Image

When I turn off .col-xs-6 { width: 50%:
Image

So I want to see one product after another, like when .col-xs-6 { width: 50% is off


Can someone help me? ( I was using chrome to turn off or turn on .col-xs-6 { width: 50% )
OC version , Journal theme ?

Re: Product category view (mobile)

Posted: Sat Sep 15, 2018 4:09 pm
by Anderltu
khnaz35 wrote:
Sat Sep 15, 2018 3:51 pm
Anderltu wrote:
Sat Sep 15, 2018 12:00 pm
Hello. I'm having problem with page width when surfing using mobile.

This is how page looks when .col-xs-6 { width: 50% is on :

Image

When I turn off .col-xs-6 { width: 50%:
Image

So I want to see one product after another, like when .col-xs-6 { width: 50% is off


Can someone help me? ( I was using chrome to turn off or turn on .col-xs-6 { width: 50% )
OC version , Journal theme ?
Version - 3.0.2.0
Theme - https://themeforest.net/item/mimosa-res ... e/20625516

Re: Product category view (mobile)

Posted: Sat Sep 15, 2018 8:49 pm
by Anderltu
I guess I found solution.
I saw this code in using Chrome source viewer in catalog/view/theme/Theme_NAME/stylesheet/stylesheet.css

Code: Select all

@media (max-width: 991px)
.custom-products .product-grid:nth-child(2n+1) {
    clear: both;
I changed it only (2n+1) to (1n)

Code: Select all

@media (max-width: 991px)
.custom-products .product-grid:nth-child(1n) {
    clear: both;
So, Instead 2 columns now only one column is left with products, but the second column was still there, but was not usable, just blank space.
Then again using Chrome I found this code located in /catalog/view/javascript/bootstrap/css/bootstrap.min.css

Code: Select all

.col-xs-6 {
    width: 50%;
}
I decided not to change it, because I didin't know what it will effect in website. Instead I added this code in catalog/view/theme/Theme_NAME/stylesheet/stylesheet.css:

Code: Select all

.col-xs-6 {
    width: 100%;
}
And it worked. Now, when surfing webiste using mobile phone, I see only one column with products in full width.

But still I think it's bad solution.
P.S. Sorry for bad grammar

Re: Product category view (mobile)

Posted: Sun Sep 16, 2018 4:46 pm
by xxvirusxx
Why don`t ask theme support?

Re: Product category view (mobile)

Posted: Fri Sep 21, 2018 1:33 am
by Anderltu
xxvirusxx wrote:
Sun Sep 16, 2018 4:46 pm
Why don`t ask theme support?
Because I was not the first person who created the website. The owner of the website is not able to contact person which started creation of website. If I want help from theme support I need to login with that account from which template was bought . :(

Re: Product category view (mobile)

Posted: Fri Sep 21, 2018 9:40 am
by IP_CAM
Well, the only problem is, that paid Custom Extensions and Code are not part
of this user forum. But your Client should have bought this Theme, and not his
former Installer, otherways, your Client would illegally use that theme in the first
place, if he cannot prove to you, to have bought this Theme in a 'legal' manner.
See, what I mean ? ;)
Ernie