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 :
When I turn off .col-xs-6 { width: 50%:
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% )
This is how page looks when .col-xs-6 { width: 50% is on :
When I turn off .col-xs-6 { width: 50%:
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% )
Attachments
wrong.jpg (43.89 KiB) Viewed 25036 times
good.jpg (47 KiB) Viewed 25036 times
OC version , Journal theme ?Anderltu wrote: ↑Sat Sep 15, 2018 12:00 pmHello. I'm having problem with page width when surfing using mobile.
This is how page looks when .col-xs-6 { width: 50% is on :
When I turn off .col-xs-6 { width: 50%:
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% )
Urgent Questions shoot here: khnaz35@gmail.com
Enjoy nature
Version - 3.0.2.0khnaz35 wrote: ↑Sat Sep 15, 2018 3:51 pmOC version , Journal theme ?Anderltu wrote: ↑Sat Sep 15, 2018 12:00 pmHello. I'm having problem with page width when surfing using mobile.
This is how page looks when .col-xs-6 { width: 50% is on :
When I turn off .col-xs-6 { width: 50%:
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% )
Theme - https://themeforest.net/item/mimosa-res ... e/20625516
I guess I found solution.
I saw this code in using Chrome source viewer in catalog/view/theme/Theme_NAME/stylesheet/stylesheet.css
I changed it only (2n+1) to (1n)
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
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:
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
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;
Code: Select all
@media (max-width: 991px)
.custom-products .product-grid:nth-child(1n) {
clear: both;
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%;
}
Code: Select all
.col-xs-6 {
width: 100%;
}
But still I think it's bad solution.
P.S. Sorry for bad grammar
Why don`t ask theme support?
Upgrade Service | OC 2.3.0.2 PHP 8 | My Custom OC 3.0.3.8 | Buy me a beer
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 .
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
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
My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.
Who is online
Users browsing this forum: No registered users and 82 guests