Request for a Free XenForo Theme

MrBerkHD

Member
Hello,
I am currently looking for a free XenForo theme that features a modern design, fast performance, and is SEO-friendly. It is important that the theme is compatible with the latest versions of XenForo, fully responsive on mobile devices, and offers a clean, user-friendly interface to enhance the overall user experience of the forum.
I would greatly appreciate it if you could share any suggestions or recommendations that meet these criteria.
 
The default XenForo theme does all that - wether it has a "modern design" is up to personal taste. Obviously you can modify it to your personal taste anyway. If you are looking for a 3rd party theme you should ask yourself why someone should offer all the highest quality that you request for free and if this was the case if that will have a future - especially with the perspective to XF 3.0 and what you will do in case an issue pops up with this theme on your forum, i.e. a incompatibility with an add on. You would not expect free support, individual for your problem in a timely manner along to the whole theme being free in the first hand, would you?

A theme for a forum is something that should last as it has massive impact to the branding and user experience - to rely for something as ground braking and relevant as this on a free offer seems a bit of a bet.
I dediced to stick with the default theme and just change the colors to achieve differentiation from other forums. Makes my life easy as it is free, works w/o issues with any add ons and will be constantly maintained and updated.

If you cannot afford to pay for theme and don't have the abilities to deal with theming yourself you should in my eyes be aware of the risks logically tied to any 3rd party theme and the possibly higher ones tied to a free theme - and possibly for that reason stick to the default theme in many cases...
 
I'll give this one for free. Been meaning to make it for free anyway.

 
In the PAGE_CONTAINER template look for this:

Code:
<!--[XF:search_menu:above_member]-->
                                    <div class="menu-row">
                                        <div class="inputGroup">
                                            <span class="inputGroup-text" id="ctrl_search_menu_by_member">{{ phrase('by:') }}</span>
                                            <input type="text" class="input" name="c[users]" data-xf-init="auto-complete" placeholder="{{ phrase('member')|for_attr }}" aria-labelledby="ctrl_search_menu_by_member" />
                                        </div>
                                    </div>
                                    <div class="menu-footer">
                                    <span class="menu-footer-controls">
                                        <xf:button type="submit" class="button--primary" icon="search" />
                                        <xf:button type="submit" name="from_search_menu">{{ phrase('advanced_search...') }}</xf:button>
                                    </span>
                                    </div>

                                    <xf:csrf />
                                </form>
                            </div>
                        </xf:if>
                    </div>
                </div>


And then add this after the second </div>

Code:
<xf:if is="$xf.visitor.canChangeStyleVariation($xf.style)">
                                                <a href="{{ link('misc/style-variation') }}" rel="nofollow"
                                                    class="js-styleVariationsLink"
                                                    data-xf-init="tooltip" title="{{ phrase('style_variation') }}"
                                                    data-xf-click="menu" data-z-index-ref=".u-bottomFixer" role="button" aria-expanded="false" aria-haspopup="true">

                                                    <xf:fa icon="{{ $xf.style.getVariationIcon($xf.visitor.style_variation) }}" title="{{ phrase('style_variation') }}" />
                                                </a>

                                                <div class="menu" data-menu="menu" aria-hidden="true">
                                                    <div class="menu-content js-styleVariationsMenu">
                                                        <xf:macro name="style_variation_macros::variation_menu"
                                                            arg-style="{$xf.style}"
                                                            arg-live="{{ true }}" />
                                                    </div>
                                                </div>
                                            </xf:if>

You may need to add a little CSS in your extra.less to adjust the padding to the right to keep it inline with the rest of the navigation bar; I used this, but it may depend on the theme you're using, I only use the default theme.

Code:
/* Add padding right to navigation */
.p-nav-inner {
        padding-right: 20px;
}

Hope this helps :)
 
Back
Top Bottom