Mobile Not working correctly

[mjguifoyle]

Hello-
Our mobile testing shows that the mobile responsive feature isn’t working. Specifically on the new Droid Galaxy6 Edge. See attached images.

1) display doesn’t go as narrow as the screen
2) background images do not display
3) TOUR element does not display correctly
4) TEAM element does not

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

I do not have that device so I can only emulate it, from what I can see these tweaks can be amended for that screen size using the below CSS:

1) Is this general or specific pages? This CSS would assist with pages built with the page builder.

@media only screen and (max-width: 479px) {
	.spb-row-container.spb-row-full-width .spb-column-container .row {
		padding-left: 0!important;
	}
}

2) What page(s) is that for?

3)

@media only screen and (max-width: 479px) {

	.bright-design .spb_tour .nav-tabs li a {
	    padding: 14px 0 !important;
	    text-align: left !important;
	}
	
	.spb_tour .nav-tabs {
	    width: 40% !important;
	}

	.spb_tour .tab-content {
	    padding-left: 45% !important;
	}
	
	.bright-design .spb_tour .nav-tabs > li a:after { 
		right: 0px!important;
	}
	
}

4)

@media only screen and (max-width: 479px) {

	.page-id-11375 .spb-row-container.spb-row-full-width .spb-column-container .row {
		    padding-left: 0!important;
	}
	
	.page-id-11375 .clearfix.team-member.col-sm-6 {
	    padding: 0;
	}

}

Thanks,
David.