single events – mobile view

[John Paul]

Hi y’all

I am trying to get my single events view to display right across the screen of a mobile device because at the moment it is perhaps only stretching 75% at best and looks bad…

http://ltdesigns.eu/event/chocolate-making-with-steve-bridger/

I have tried the follwoing in my trive-events-pro CSS file but Iam clearly not targeting the right div..could you advise please

@media (max-width: 479px) {
.single-tribe_events .tribe-events-content {
width: 100% !important;
}
}

thank you

[John Paul]

Hi..just to let you the site has now moved and the relevant URL is now

http://webnprosper.wpengine.com/event/chocolate-making-with-steve-bridger/

many thanks in advance

[Brian]

Hi,

Thanks for using our plugins. I can try to help out here, but I am limited in supporting theme compatibility css.

I did take a look at your site and see this is causing the issue:


body.single-tribe_events #page-container #left-area {
float: left;
padding-right: 60px !important;
}

Changing that at least for the single evens could resolve the issue.

Thanks

[John Paul]

Hi Brian
yes you are right I saw this before. So I have attacked it another way and ensure this code is only active on non mobile view…worked fine

thanks for the inspiration

[Brian]

Great glad it helps.

I am going to close this ticket, but if you need anything else related to this topic or another please post a new topic on the forum and we can help you out.

Thanks

[Author]

Posts