UI.X
Logo
Changing your Logo Location
See Navigation Style in Navigation
Changing your Logo Appearance
(Note: Logo Image Width is only applicable for Navigation Style > Logo Inside Navigation and Float Logo next to Navigation.) To change the size of your logo, go to Appearance > Styles > XenForo - UI.X > Style Property Groups > [UI.X] Logo and adjust your Logo Image Width. For retina friendly logos, this should be set to half the natural width of your logo image. When this field is blank, your logo will appear full size.
Logo Text
You can edit your logo by entering Logo Text and choosing an icon. Your icon can be selected by clicking on the icon currently shown. You can search through icons and select the icon you'd prefer. Your logo text can be entered below your icon selection. The Logo Text style property is not compatible with an image logo. Using this option will replace the image with the text.
You can edit your logo by entering Logo Text and choosing an icon. Your icon can be selected by clicking on the icon currently shown. You can search through icons and select the icon you'd prefer. Your logo text can be entered below your icon selection. If no logo text is entered, the default logo image on the server will be used. To adjust your logo's color and general style, click Logo Text in the sidebar and edit the settings to your preferences.
You can adjust your responsive logo font size and logo text breakpoint to adjust the size your logo becomes at a certain viewport size. Enter these values in pixels within the Responsive Logo Font Size and Logo Text Breakpoint boxes. If your logo is set to logo inside navigation, you can enter these in the Responsive Navigation Logo Font Size and Navigation Logo Text Breakpoint boxes in pixels below.
Adding a Slogan
Your slogan appear next to your logo whenever possible. You can enter this within Slogan. Depending on your theme , settings, and viewport size this may not display. If it isn't displaying this typically means there just isn't room for it with the configuration you have on that theme, be that customized or a product decision.
Editing your Logo within Navigation
When Show Brandmark Image in Navigation is checked, your logo will appear within your navigation your Navigation Style is set to Logo Inside Navigation, as well as in the sticky navigation. The brandmark image path is what brandmark image will be shown within the navigation. Clear the image path to have your logo text shown instead. To adjust the size of the logo within your navigation, enter the desired width in pixels in Navigation Logo Image Width.