Hi all, I’m trying to figure out how to modify the logo bar in Turbo theme to scroll horizontally on desktop and mobile. In this EXAMPLE1 the bar resizes on desktop and is scrolling on mobile. In this EXAMPLE2 the image size is locked and logos on the right will fall off if desktop screen size decre…

Hi @robnaples , Please change code: @media only screen and (max-width: 798px) { #shopify-section-template--16322477523195__16609189102308e234 .logo-bar { white-space: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; } }

@robnaples Sorry you are facing this issue, it would be my pleasure to help you. Welcome to the Shopify community! :blush: Thanks for your good question. Please share your site URL, I will check out the issue and provide you a solution here. Logo Slider

Hi @robnaples , Please send your site and if your site is password protected, please send me the password. I will check it.

[image] Money Ruins Everything Skateshop - Skateboards, Shoes and Apparel Shop the best skate decks, completes, sneakers and clothes from the most popular skate brands at Money Ruins Everything.

Hi @robnaples , Go to Assets > styles.css and paste this at the bottom of the file: @media only screen and (max-width: 798px) { #shopify-section-template--16322477523195__1659042345eb5d4cea .list-collections { display: block !important; white-space: nowrap !important; overflow-x: auto !impo…

My apologies - what you saw on my website was deceiving - i had a list of collections with logo images live on the website but not the logo section. I just made live a logo section on the bottom of the home page with our logo in it. I tried to adjust the code for this section, but i can’t seem to ge…

Amazing. I found logo-bar in the style sheet and increased the min-width: to a higher number to keep the logos from going onto a second line. I can’t seem to adjust the margin between the logos - the left and right margin seem to be overridden. /* #Logo-list ========================================…

Also, there does seem to be a limit as to how many logos i can put before they go onto a 2nd row.

Here’s how far I’ve gotten - I’ve added the above code for the logo-bar to the style sheet - thank you @LitCommerce . I’ve adjusted images sizes to where i want them. Problem: on a desktop I cannot add more than 8 or 9 logos or they go onto a 2nd row, they do not scroll. Problem: on mobile (an…

@LitCommerce Any feedback you can give?

Hi @robnaples , Can you re-add the section? I will help you check it.

How can I modify the Turbo theme logo bar to scroll horizontally?

Store Design

robnaples August 23, 2022, 7:52pm 15

@LitCommerce - one small glitch when goes to mobile - the spacing/padding between logos disappears

Topic		Replies	Views
Scrollable Logos Bar Store Design Setting-Up	0	31	March 15, 2023
Increase size of logo Store Design design , header , third-party-themes , shopify-themes , troubleshooting	2	73	August 10, 2024
How to increase logo size on mobile? Turbo theme Store Design	12	301	September 30, 2021
(URGENT) Mobile logo too small on Shopify Turbo theme Store Design	10	70	March 31, 2022
Why is my logo outside the border on mobile in Turbo Theme? Store Design menu , design , customizations	5	68	June 8, 2023

How can I modify the Turbo theme logo bar to scroll horizontally?

Related topics