Responsive Design for XenForo 1.1 [Paid] [Deleted]

[oman]

Actually, it is correct. There shouldn't be second navigation button on that page. What items do you have in second navigation menu?

In the second navigation menu is the profile side bar.

 

[Arty]

I see. Thanks for noticing, I'll fix that.

 

[Dante_B]

One of my mods just brought it to my attention that they cannot login but only "register". It only ask for their "username". And when they press the 'Log In/Register' button after they enter their username it doesnt do anything but hide the 'Log In/Register' fields. So they press "Go" on the iphone keyboard to proceed to the next screen, which brings them to the Registration page.

 

[Dante_B]

Arty: So i disabled the 'Social Media Login' add-on, and noticed that the fields that suppose to be in the login was cutoff. Its cutoff and i cant access the other fields. How can i fix this?

 

[Arty]

Add this to responsive_extra.css

#loginBar form { height: auto !important; }

 

[Dante_B]

Add this to responsive_extra.css

#loginBar form { height: auto !important; }

Thank you for fixing this for me. Works great now. But my breadcrumbs are still inactive. Can't even click it, seems like the Navigation Menu is causing the breadcrumbs to not work?

 

[Dante_B]

This is exactly how my responsive_extra.css look like:

.xenOverlay.attachmentUploader { width: 290px !important; }
#Notices { display: block !important; }
#header_bar .itemLabel { padding-top: 5px; }
.breadBoxTop, .breadBoxBottom { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
.navTab.selected div.navLink a.navDivLink { color: #56575A !important; text-shadow: none; height: auto; background-image: none; }
#loginBar form { height: auto !important; }

 

[Arty]

#logo { height: 30px; line-height: 30px; padding-top: 15px; }

 

[Dante_B]

#logo { height: 30px; line-height: 30px; padding-top: 15px; }

OMG!!!!! Success!!! You are the man!!! Thank you so much for the support!! Everything works great now!

 

[Parsnip]

I noticed that the right side of the insert link popup is cut off. If I disable the Responsive Design add-on it goes back to normal. I checked on the demo site too, and it does the same thing there.

This is in happening in Firefox and Chrome, however IE looks okay.

 

[Arty]

WYSIWYG editor is not shown on mobile devices, so its not a problem. You can only see it when faking small window in normal browser.

 

[Parsnip]

WYSIWYG editor is not shown on mobile devices, so its not a problem. You can only see it when faking small window in normal browser.

Was this in reply to my insert link popup problem? Because this is happening on desktop devices at full screen, even on your demo site.

 

[Dante_B]

What do they have their maximum attachment file size set as? I have some iphone users that are trying to upload pics but its saying the file size is too large. Is it possible to convert these to a lower resolution upon upload?

 

[Dante_B]

Also, is there a list of addons that are compatible? For example: XenPorta or Notifications Add-on?

 

[melbo]

Has anyone used this with Whisper 2 style?
http://xenforo.com/community/resources/whisper-2.53/

 

[Arty]

Was this in reply to my insert link popup problem? Because this is happening on desktop devices at full screen, even on your demo site.

Thanks for explaining, I misunderstood problem. Try adding this to editor_dialog.css:

html.editorPopup,
.editorPopup body
{
    min-width: 0 !important;
}

What do they have their maximum attachment file size set as? I have some iphone users that are trying to upload pics but its saying the file size is too large. Is it possible to convert these to a lower resolution upon upload?

Add-on doesn't change behavior of attachments. To convert to lower resolution click button to add images as thumbnails to post after uploading images.

Also, is there a list of addons that are compatible? For example: XenPorta or Notifications Add-on?

Add-ons that don't change html and css should all work fine. This add-on has built in support for: xenPorta, xenAtendo, FooterPie, sfDirectory, User Albums.

 

[Arty]

Has anyone used this with Whisper 2 style?
http://xenforo.com/community/resources/whisper-2.53/

Tested it, works fine.

 

[Parsnip]

Thanks for explaining, I misunderstood problem. Try adding this to editor_dialog.css:

Thanks, that did the trick!

 

[Adam Howard]

Thought it worth mentioning that this add-on does not have a conflict with "Better Blogs" ..... It works ! !

So I'm wondering what is the difference as to why "Responsive Design" (this add-on) works, but the style "Soft Responsive" doesn't. They basically do the same thing and although I'm new to both... I believe they do it the same way.

So what's changed......? !?

(Just thinking out loud. Maybe someone will catch what I missed)

 

[Arty]

Thought it worth mentioning that this add-on does not have a conflict with "Better Blogs" ..... It works ! !

So I'm wondering what is the difference as to why "Responsive Design" (this add-on) works, but the style "Soft Responsive" doesn't. They basically do the same thing and although I'm new to both... I believe they do it the same way.

So what's changed......? !?

(Just thinking out loud. Maybe someone will catch what I missed)

Style works differently. Add-on messes with margin/padding for header block + absolute positioning of some elements in order to show menu, which is far from optimal. Style swaps header and content blocks, so content flow is natural and there is no need to use css tricks. Unfortunately same can't be done with add-on because header code is different for different styles, so it would cause a lot of conflicts with third party styles.