1.5 Updates - Off Canvas Menu and More!

Over the course of today and tomorrow you'll receive an email notification for the new 1.5 update. This update brings some new mobile functionality along with quite a few other new features and bug fixes. This update also fixes the multiple outdated templates showing from the most recent upgrade.

Before upgrading please... make a backup of your current XenBase/Style/Child Style(or however your setup is).

To upgrade you'll need to upload the new XenBase folder first. Next you'll import XenBase-xml, overwriting your current XenBase Style. Finally import and overwrite your paid style(Fusion Gamer/Core/Apex ect...).

  • NEW Poll icon on thread lists next to watched/sticky/moderated ect
  • NEW Added "threadStarter" class when viewing threads, you can use this to easily style each of the thread starters post throughout the style
  • NEW Option to unwrap user banners in thread_view on the message user info area
    • Style Properties -> [XB] Message and Elements -> Unwrap User Banners
  • NEW Off-Canvas Menu
    • Style Properties -> └ ─ Mobile Enhancements -> Enable Off-Canvas Menu
  • NEW Option to Remove HeaderProxy(by default XenForo loads the header at the bottom of page and uses CSS to shift it up, we give you the option to change this. It can help with people using ads in the header position for mobile views)
    • Style Properties -> [XB] Header and Navigation -> Remove HeaderProxy
  • NEW Reddit Social Link Option
    • Style Properties -> ├ ─ Social Links -> Reddit Link
  • NEW Contact Us Social Link Option(Adds a link to the default contact form/link)
    • Style Properties -> ├ ─ Social Links -> Contact Us
  • NEW Mobile Logo Option, set the path to your logo you want showing in mobile plus the height of it
    • Style Properties -> Header and Navigation
  • NEW Ad template: ad_top_content is placed above the top breadcrumb and sidebar
  • NEW Alternate Breadcrumb Arrow, replaces the standard XF arrows with Font Awesome
    • Style Properties -> Breadcrumb -> Alternate Breadcrumb Arrow
  • NEW Class set on the "New Posts" link in the navigation to allow easy styling. Class name: .xbNewPosts
  • NEW Ability to remove the Advanced Footer in Mobile View
    • Style Properties -> └ ─ Mobile Enhancements -> Hide Advanced Footer in Mobile
  • ADJUSTED Font Awesome updated to 4.4.0
  • ADJUSTED Pop Menu styling slightly
  • ADJUSTED FA Node Icons Hovering no longer has a text cursor
  • ADJUSTED Rich Text Editor Icons now use the color set via the property
    • Style Properties -> Rich Text Editor -> Editor Toolbar Button(Content Text color by default)
  • ADJUSTED Removed Font Awesome call in gallery(XenBase has you covered for that!)
  • ADJUSTED Attachment Icon uses Font Awesome now to avoid any custom sprite issues
  • ADJUSTED Button states, hover/active/disabled CSS changed slightly
  • ADJUSTED Search page styling, we've added a container for a better user experience
  • ADJUSTED QuickSearch Responsive Icon, easier to style
  • FIXED Bug with resource icons which were deleted/moderated
  • FIXED Bug with Gallery Rating Overlay Editor Icons
  • FIXED Bug with Contact Us Link, phrasing and linking depending on ACP options
  • FIXED Bug with Editor In Overlay background
  • FIXED Bug with navigation menus when page width was a ##%
  • FIXED Bug with logo not being flush to the left side
Double check that your navigation template is not outdated. Also make sure you have it enabled: Style Properties -> └ ─ Mobile Enhancements -> Enable Off-Canvas Menu

This means you've edited templates on your custom style in templates that we've made changes. You should be able to use the auto-merge feature.

By default we call "logo_sm.png" from your styles/stylename/xenforo/ folder. You can upload your own image if you'd like and upload it to that spot. The settings for it can be found: Style Properties -> Header and Navigation

If you need help, please submit a Support Ticket or post in the Customer Area on the forums.
 
Last edited:
Sounds great Russ, great theme/style, much appreciated.
I just got temporarily frustrated because I have so much to do myself and not quite competent that I need to be...and need to really et things done now.

We're always here to help so don't hesitate to ask for help no matter how small the question :)
 
Thanks for the updates Russ and Steve, Everything worked fine apart from one issue on mobile with the Unread Post Count addon on Modest.

For some reason on mobile the class breaks and I don't have any idea why.

Screenshot:
VLbKG8m.png

(It's not the logo as it did it with the pixelexit logo also.)

It didn't do it on the old version also so im thinking this might be a bug?

If you need links to check it just shout and i'll post a link to it. (Or just check my license it's that domain :p)

Thanks as always :)
 
Thanks for the updates Russ and Steve, Everything worked fine apart from one issue on mobile with the Unread Post Count addon on Modest.

For some reason on mobile the class breaks and I don't have any idea why.

Screenshot:
VLbKG8m.png

(It's not the logo as it did it with the pixelexit logo also.)

It didn't do it on the old version also so im thinking this might be a bug?

If you need links to check it just shout and i'll post a link to it. (Or just check my license it's that domain :p)

Thanks as always :)

Ya looking into a proper fix but for now you can edit the navigation:

Find:
Code:
<xen:if is="@xb_offcanvas_menu_newposts"><a href="{xen:link 'find-new/posts'}" rel="nofollow" class="xbOffCanvasNew Tooltip" title="{xen:if $visitor.user_id, {xen:phrase new_posts}, {xen:phrase recent_posts}}"> <i class="fa fa-commenting fa-fw"></i><span>{xen:if $visitor.user_id, {xen:phrase new_posts}, {xen:phrase recent_posts}}<span></a></xen:if>

Replace the entire line with:
Code:
<xen:if is="@xb_offcanvas_menu_newposts"><a href="{xen:link 'find-new/posts'}" rel="nofollow" class="xbOffCanvasNew"> <i class="fa fa-commenting fa-fw"></i><span>{xen:if $visitor.user_id, {xen:phrase new_posts}, {xen:phrase recent_posts}}</span></a></xen:if>

Side note too with the new mobile settings in regards to the logo make sure you have enough room for it, you can adjust the height: Style Properties -> Header and Navigation
 
  • Like
Reactions: W.D
Ya looking into a proper fix but for now you can edit the navigation:

Find:
Code:
<xen:if is="@xb_offcanvas_menu_newposts"><a href="{xen:link 'find-new/posts'}" rel="nofollow" class="xbOffCanvasNew Tooltip" title="{xen:if $visitor.user_id, {xen:phrase new_posts}, {xen:phrase recent_posts}}"> <i class="fa fa-commenting fa-fw"></i><span>{xen:if $visitor.user_id, {xen:phrase new_posts}, {xen:phrase recent_posts}}<span></a></xen:if>

Replace the entire line with:
Code:
<xen:if is="@xb_offcanvas_menu_newposts"><a href="{xen:link 'find-new/posts'}" rel="nofollow" class="xbOffCanvasNew"> <i class="fa fa-commenting fa-fw"></i><span>{xen:if $visitor.user_id, {xen:phrase new_posts}, {xen:phrase recent_posts}}</span></a></xen:if>

Side note too with the new mobile settings in regards to the logo make sure you have enough room for it, you can adjust the height: Style Properties -> Header and Navigation

Done works perfect now thanks. And thanks for the tip on the mobile logo missed that haha.
 
On the off campus, I ma getting the mobile logo/header covering the breadcrumb. Any ideas?

Frag Zone was slightly changed in this update. Make sure header/logo_block isn't outdated. Also upload logo_sm.png to your styles/fragzone/xenforo

Past that I can take a look live on the site via a support ticket.
 
Hello,
Excellent changes - but having some issues.. Our links are now white meaning we can't see them from blue, templates are outdated and will not merge!
Also, I can't seem to get the Off canvas menu working.
It's enabled and tested on an iPhone and Nokia Lumia = nothing... Am I missing something?
:(
 
Wait a sec, is it only available in XF 1.5? I've not updated yet as I am very cautious of doing so, as when I tried on my dev board, it blew the DB :p
if so, then do I need to roll out the upgrade for it to work @Russ ?
Thank you
 
Wait a sec, is it only available in XF 1.5? I've not updated yet as I am very cautious of doing so, as when I tried on my dev board, it blew the DB :p
if so, then do I need to roll out the upgrade for it to work @Russ ?
Thank you

Yes we keep our releases in-line with XenForo's releases. Unfortunately 1.5 version of our styles wouldn't really work on a 1.4.x without problems.

Hello,
Excellent changes - but having some issues.. Our links are now white meaning we can't see them from blue, templates are outdated and will not merge!
Also, I can't seem to get the Off canvas menu working.
It's enabled and tested on an iPhone and Nokia Lumia = nothing... Am I missing something?
:(

Splash did this for some oddball reason, I need to look into it:

Check out Style Properties -> Message Elements -> ugcLink

Set a color there.

By default I don't have a color set there to it inherits from Style Properties -> Building Blocks -> Primary Content Link

Check both of those spots making sure it's not set to white.
 
Fixed, thank you..
Only issue I have is off canvas now.
I'm guessing it's because I'm not on 1.5... blast.
Thank you Russ, will see what I can do with regards to installing it.. (y)

PS, I love the spinning thumbs on 'likes' :)
 
Fixed, thank you..
Only issue I have is off canvas now.
I'm guessing it's because I'm not on 1.5... blast.
Thank you Russ, will see what I can do with regards to installing it.. (y)

PS, I love the spinning thumbs on 'likes' :)

A client requested that and I had this site open so I just tested it out and left it :D.

CSS for it if you care for to do it:

Code:
.item.control.like:before
{
   transition: all 0.2s linear;
}
.item.control.like:hover:before
{
   transform:rotate(360deg);
}

Regarding the off canvas it's not beause of you not being on 1.5, it's probably due to an outdated template. Sometimes when you upgrade the style first then upgrade XenForo it'll cause weird things with the templates.

You may need to just install XenBase + Splash + Custom style as a brand new style once you upgrade to 1.5
 
Fantastic! Thank you, it's all these little things that make huge differences.. ;)
Okay will try again, I just cannot get it working, our user banners are flat and not curved/rounded either so I will need to redo those.
Hmm gutted about the off canvas menu, I can guarantee it's down to template merges no doubt..
But the damn things won't merge! Grrr.. these things are sent to try us!

Thanks for the CSS will add it, as I think that is well funky :D
 
I can help just submit a ticket with a temp admin login with appearance access :), do it after you get all sorted with the 1.5 XF upgrade.
 
So sorry @Russ I am plaguing you now.. Sorry...
In the member cards we have a verification system, it was clear and now since the update it's a dark blue.
I cannot recall how I changed the colours.. Could you possibly tell me where to edit this please as I can't remember.. sorry :facepalm::facepalm:


Code:
XenBase .userBanner.bannerStaff {
    background: #234a71 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
 
So sorry @Russ I am plaguing you now.. Sorry...
In the member cards we have a verification system, it was clear and now since the update it's a dark blue.
I cannot recall how I changed the colours.. Could you possibly tell me where to edit this please as I can't remember.. sorry :facepalm::facepalm:


Code:
XenBase .userBanner.bannerStaff {
    background: #234a71 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;

Can you submit a ticket by chance so we can take a closer look?
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.

Back