Responsive Design for XenForo 1.1 [Paid] [Deleted]

[Andy.N]

You need to change right margin for it. Go to style properties -> responsive design: message layout -> new indicator (outer) -> set right margin to -5px

Thanks for the "responsive" turnaround
I haven't followed but is there any new changes/improvements to the addon lately?

 

[Arty]

I haven't followed but is there any new changes/improvements to the addon lately?

No, I haven't released anything within last week. There will be a new version soon.

 

[FredC]

Not sure if this has been pointed out already or not.. But it seems notices are removed on mobile devices.. Not sure if its a bug or it just cant be worked in but thought id mention it in case notices where overlooked.

 

[Arty]

Its intended behavior. Notices are huge, they have no place on small screens.

 

[tictocchoc]

This is a great add-on and help greatly the 20+% of my visitors landing on my site with an iBidule or Smartphone.

I have a problem thought when I move my sidebar from right to left following the instructions:
http://xenforo.com/community/resources/moving-xenforo-sidebar-from-right-to-left.338/

It looks messy. Any clue on how to fix that?

 

[Arty]

I don't see that on your forum. Sidebar is on right side.

 

[FredC]

Its intended behavior. Notices are huge, they have no place on small screens.

Thats kind of what i expected but thought id mention it anyway.

 

[Arty]

I can add it as option for next version, so if you really need to you could quickly enable notices.

 

[Andy.N]

Arty,
I have a problem where the top menu breadcrumb background is not fully spanned while the bottom is.

Top


Bottom

 

[Silvan]

Hi guys - any news on the YouTube embedding? I use quite a lot of videos on my forum and every time a video is added it breaks the layout, which is about every page

 

[Arty]

Arty,
I have a problem where the top menu breadcrumb background is not fully spanned while the bottom is.

Try adding this to responsive_extra.css

.mainContent { padding: 0 10px !important; }

Hi guys - any news on the YouTube embedding? I use quite a lot of videos on my forum and every time a video is added it breaks the layout, which is about every page

Unfortunately no. It uses iframe, just like ads or any other external content and its impossible to tell what's in that iframe.

 

[Andy.N]

Try adding this to responsive_extra.css

.mainContent { padding: 0 10px !important; }

Works.
Thanks

 

[Silvan]

Unfortunately no. It uses iframe, just like ads or any other external content and its impossible to tell what's in that iframe.

I managed to get it working. It requires adding a few extra CSS lines and changing the BB Code Media for YouTube (add video wrapper div around it). More details here:
http://www.netmagazine.com/tutorials/create-fluid-width-videos

Up and running on:
http://www.wearepopslags.com/forum

 

[Andy.N]

I managed to get it working. It requires adding a few extra CSS lines and changing the BB Code Media for YouTube (add video wrapper div around it). More details here:
http://www.netmagazine.com/tutorials/create-fluid-width-videos

Up and running on:
http://www.wearepopslags.com/forum

this works better for me http://webdesignerwall.com/tutorials/css-elastic-videos

 

[Silvan]

Hi guys - just noticed an IE-wide bug on this add-on (happens in IE9, as well as on IE Mobile for Windows Phone). The forum displays, but clicking on a thread gives a 404 not found.

I saw you had a similar issue with the theme Soft Responsive, which was around the javascript style.js. Did you make the same change to the add-on?​

 

[Arty]

Arty updated Responsive Design with a new update entry:

Responsive design add-on update

Version 1.0 is now available.

Add-on is no longer marked as beta. All major bugs should be fixed now.

Changes from beta:

• Many bug fixes
• Experimental support for scaling down youtube videos and other embedded content. Also add-on should automatically hide most ads. To prevent your ads from being hidden in responsive design add class "baseHtml" to its parent element.

Read the rest of this update entry...

 

[Arty]

Hi guys - just noticed an IE-wide bug on this add-on (happens in IE9, as well as on IE Mobile for Windows Phone). The forum displays, but clicking on a thread gives a 404 not found.

I saw you had a similar issue with the theme Soft Responsive, which was around the javascript style.js. Did you make the same change to the add-on?​

Fixed in latest update.

 

[Andy.N]

Arty updated Responsive Design with a new update entry:
Experimental support for scaling down youtube videos and other embedded content.

Arty,
The experimental support doesn't seem to work. I wrap my youtube media code inside a <div class="video-container"> and add the following to responsive_extra.css and it works. After I upgraded to the latest version, I remove them and the youtube does not seem to scale down. Would love to use your addon to take care of this as I have other media bbcode and I don't want to touch them.

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.video-container iframe,  
.video-container object,  
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

 

[oman]

Hey Arty,

When I update, will the template changes that I made still be there? Or should I back them up?

Thanks.

 

[Arty]

If you have applied them to master style, changes will be lost. You should apply changes to whatever style you are using and keep all custom css code in responsive_extra.css