Shopify themes, liquid, logos, and UX
Hi guys,
Got brands page looks great in desktop view, but in mobile view, brands logos look very small.
Thank you
allianceautoproducts.com
Hi @Alliance
Please follow these steps:
- First, go to Theme => Edit code => Search for a file named "theme.css" (or base.css for some themes, or maybe some other files depending on your theme).
- Find this piece of code:
@media screen and (max-width: 749px)
#shopify-section-1580280662236 ul.logo-bar
- Then replace "749px" with "1080px".
- Also, find the code:
@media only screen and (min-width: 750px)
#shopify-section-1580280662236 ul.logo-bar {
and change "750px" to "1081px".
This will help to fix display errors for Smartphones with Full HD screens (1080 * 1920).
- Here is the result:
I hope that it will work for your site.
If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here ☕.
B2B Solution & Custom Pricing | Product Labels by BSS
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
Hi,
I am not talking about the section in the home page. I am talking about a page from the header menu. Here is the link:
https://allianceautoproducts.com/pages/brands
Hi @Alliance
Sorry for misunderstanding your question.
We checked on your theme, and the reason it shows small is that the list of logos is displayed in a table style (5 x 5).
Ideally, you should find the section on your theme and try changing the size of the table.
Although we can't access your store, we still have a way to make it look better:
Please go to Theme => Edit code => Find the file named "theme.css" ( or base.css, or another, depending on your theme ) and paste this code:
@media only screen and (max-width: 1090px) {
body.template-page .grid__item .rte {
padding: 0;
}
}
I hope that it will work for you.
If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here ☕.
B2B Solution & Custom Pricing | Product Labels by BSS
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
Please send me an access request to the store so that I approve it.
Thank you
Hi @Alliance,
I have just sent you a collaborator request to Shopify Admin => Settings => Users and Permissions => Collaborators => BSS Commerce to have access and check your settings. Then, we can help you fix the problem.
After accepting the request, please kindly keep me updated. Thanks so much in advance!I
If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here ☕.
B2B Solution & Custom Pricing | Product Labels by BSS
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
Hi @Alliance
We checked and fixed it for you. Please see the result here:
Feel free to let us know if you need further support.
If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here ☕.
B2B Solution & Custom Pricing | Product Labels by BSS
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
I guess that might be desktop view. In mobile view, still an issue.
Hi @Alliance
As we mentioned earlier, the display of the brand logo is fixed table size 5*5. We tried to fix it, but we couldn't interfere. Therefore, we can only change the display of the table to make it larger. We regret not being able to make it bigger.
- After:
I hope that you find it useful.
If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here ☕.
B2B Solution & Custom Pricing | Product Labels by BSS
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024