How can I remove the title from sidebar page for better mobile view?

Store Design
1

This question has been asked (years ago) and I’ve tried the solution, but it unfortunately didn’t work.

I am wanting feature videos to appear on our product pages, as you can see here:

https://heartbreakerguitars.com/products/mcpherson-carbon-fiber-touring-pink-original-pattern-blackout-edition-11488

The three videos I’ve added to the sidebar on the left side look great in desktop view… but unfortunately my theme doesn’t support removing elements for mobile. You can see in mobile view that the page titles push my images down so far that the product screen hides the title of the product. I’m unable to re-order the elements, So… I’d like either of the options:

1st Choice: Remove the Title from the video pages so the mobile view is invisible (the videos don’t show in mobile view unless clicked on anyway so this might work)

2nd Choice: Remove the sidebar entirely from mobile view, but keep in desktop view.

Thanks in advance to anyone with solutions. I’m on day 5 of trying to figure this out, and decided to finally jump here for some more ideas.

1 Like
2

@D_HBG

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/styles.scss ->paste below code at the bottom of the file.
.sidebar-block h4.toggle {
    display: none;
}
1 Like
3

Much appreciated. This indeed got me the result I asked for as you now will likely be able to see at the same link.

I was hoping this was all I needed to do to get my title pushed onto the opening view for customers, but it looks like my portrait dimensions prevent that from happening. How simple this would be if the theme was truly responsive! :disappointed_face: I will have to play around with images to see if we can’t fix how it looks, but editing 300 products times 5 pictures each… not something in the schedule. Thanks for your help!

1 Like
4

@D_HBG

its my pleasure to help us

1 Like