Customize BandsinTown Tour Date Feed Width for Mobile Device

Resolved 3 replies premium theme theme-vantage

10 years ago · Last reply by Andrew Misplon 10 years ago

I’m using Vantage Premium (child theme). Current;y creating a test version of the site in a subdirectory in Word Press.

I need to pull tour dates from BandsinTown feed for the band on their TOUR page.

I’m using the Page Builder > Visual Editor Widget.
Row Layout is Full Width.

The feed seems to work, but on my iPhone 5 it doesn’t quite resize all the way when looking on the Vertical View. It cuts off part of the RSVP and Share buttons. Horizontally it’s okay, but not Vertical.

How can I modify the CSS so the feed fits nicely on the iPhone 5/mobile device in the Vertical View? Thanks!

Here’s the BandsinTown feed code:
Beat Root Tour Dates

URL: http://beatrootrevival.com/test182/tour/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

Andrew Misplon Staff 10 years, 4 months ago
Hi Richard Jackson
You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.
```
@media (max-width:680px) {
	#main {
		padding-right: 2.5%;
		padding-left: 2.5%;
	}
}
```
Richard Jackson 10 years, 4 months ago
That worked beautifully, thank you!
Andrew Misplon Staff 10 years, 4 months ago
Super :) Glad to hear that helped.
All the best.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.