Home>Support>Customize BandsinTown Tour Date Feed Width for Mobile Device

Customize BandsinTown Tour Date Feed Width for Mobile Device

By Richard Jackson, 9 years ago. Last reply by Andrew Misplon, 8 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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    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%;
	}
}
  2. 8 years, 11 months ago Richard Jackson

    That worked beautifully, thank you!

  3. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More