Posted March 14, 20214 yr Can somebody help me to center up my header logo and to show it the correct size? I forgot how to do this. CLICK HERE to see what it's looking like. Edited March 14, 20214 yr by Subseven
March 14, 20214 yr Author 3 minutes ago, Eudemon said: in your theme setting you have it set to 194% height, i'd say first work on that Yeah. Just did that. Brought it to 99 and it's way small now. Still not centered either. Thanks. Edited March 14, 20214 yr by Subseven
March 14, 20214 yr you have the header display set as flex, and justify-content between, meaning each element inside the flex container will take up all remainder space between the other element since you only have logo and then user nav, it will make logo all the way left and nav all the way right of parent element to make logo center, simply add an empty div before the <a> logo and give some width Edited March 14, 20214 yr by Eudemon
March 14, 20214 yr Author 30 minutes ago, Eudemon said: you have the header display set as flex, and justify-content between, meaning each element inside the flex container will take up all remainder space between the other element since you only have logo and then user nav, it will make logo all the way left and nav all the way right of parent element to make logo center, simply add an empty div before the <a> logo and give some width So I switched themes and it's still like that. I guess it's the same setting? Can't find where to add the empty div. Can you point me there? Edited March 14, 20214 yr by Subseven
March 14, 20214 yr Author 1 minute ago, Eudemon said: theme -> edit html -> globalTemplate That's where I am. Not sure where to put the edits. Need it centered and full size. <!DOCTYPE html> <html lang="{expression="\IPS\Member::loggedIn()->language()->bcp47()"}" dir="{{if member.language()->isrtl}}rtl{{else}}ltr{{endif}}"> <head> <meta charset="utf-8"> <title>{expression="output.getTitle( $title )"}</title> {{if settings.ipbseo_ga_enabled}} {setting="ipseo_ga"} {{endif}} {template="includeMeta" app="core" group="global" location="global" params=""} {template="includeCSS" app="core" group="global" location="global" params=""} {template="includeJS" if="theme.js_include != 'footer'" app="core" group="global" location="global" params=""} {template="favico" app="core" group="global" location="front" params=""} </head> <body class='ipsApp ipsApp_front {{if isset( \IPS\Request::i()->cookie['hasJS'] )}}ipsJS_has{{else}}ipsJS_none{{endif}} ipsClearfix{{foreach output.bodyClasses as $class}} {$class}{{endforeach}}' {{if output.globalControllers}}data-controller='{expression="implode( ',', output.globalControllers )"}'{{endif}} {{if isset( output.inlineMessage )}}data-message="{expression="output.inlineMessage"}"{{endif}} data-pageApp='{$location['app']}' data-pageLocation='front' data-pageModule='{$location['module']}' data-pageController='{$location['controller']}' {{if isset( \IPS\Request::i()->id )}}data-pageID='{expression="(int) \IPS\Request::i()->id"}'{{endif}} {{if isset( \IPS\Dispatcher::i()->dispatcherController ) AND !\IPS\Dispatcher::i()->dispatcherController->isContentPage }}data-nocontent{{endif}}> <a href='#ipsLayout_mainArea' class='ipsHide' title='{lang="jump_to_content_desc"}' accesskey='m'>{lang="jump_to_content"}</a> {{if !request.isApp()}} <div id='ipsLayout_header' class='ipsClearfix'> {template="updateWarning" app="core" group="global" params=""} <header> <div class='ipsLayout_container'> {template="logo" app="core" group="global" params=""} {{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="userBar" app="core" group="global" params=""}{{endif}} {template="mobileNavigationIcon" app="core" group="global" params=""} </div> </header> {template="navBar" app="core" group="global" params=""} {{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="mobileNavBar" app="core" group="global" params=""}{{endif}} </div> {{endif}} <main id='ipsLayout_body' class='ipsLayout_container'> <div id='ipsLayout_contentArea'> <div id='ipsLayout_contentWrapper'> {template="breadcrumb" app="core" group="global" params="'top'"} {template="sidebar" if="theme.sidebar_position == 'left'" app="core" group="global" params="'left'"} <div id='ipsLayout_mainArea'> {advertisement="ad_global_header"} {template="acknowledgeWarning" if="\IPS\Member::loggedIn()->members_bitoptions['unacknowledged_warnings']" params="\IPS\Member::loggedIn()->warnings( 1, FALSE )" group="global" app="core"} {{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses ) and !member.members_bitoptions['profile_completion_dismissed'] and $nextStep = member.nextProfileStep()}} {template="profileNextStep" group="global" app="core" params="$nextStep, true"} {{endif}} {template="widgetContainer" group="global" app="core" params="'header', 'horizontal'"} {$html|raw} {template="widgetContainer" group="global" app="core" params="'footer', 'horizontal'"} </div> {template="sidebar" if="theme.sidebar_position == 'right'" app="core" group="global" params="'right'"} {template="breadcrumb" app="core" group="global" params="'bottom'"} </div> </div> {template="inlineMessage" if="member.msg_show_notification and $message = \IPS\core\Messenger\Conversation::latestUnreadMessage()" app="core" group="global" params="$message"} </main> {{if !request.isApp()}} <footer id='ipsLayout_footer' class='ipsClearfix'> <div class='ipsLayout_container'> {advertisement="ad_global_footer"} {template="footer" app="core" group="global" params=""} </div> </footer> {template="mobileNavigation" if="theme.responsive" app="core" group="global" params=""} {template="guestTermsBar" if="!\IPS\Member::loggedIn()->member_id and \IPS\Settings::i()->guest_terms_bar" app="core" group="global" params="base64_encode( \IPS\Settings::i()->base_url )"} {template="includeJS" if="theme.js_include == 'footer'" app="core" group="global" location="global" params=""} {template="viglink" if="settings.viglink_enabled" app="core" group="global" params=""} {template="metaTagEditor" if="isset( $_SESSION['live_meta_tags'] ) and $_SESSION['live_meta_tags'] and member.isAdmin()" app="core" group="global" params=""} {{endif}} <!--ipsQueryLog--> <!--ipsCachingLog--> {expression="output.endBodyCode" raw="true"} {{if !request.isApp()}} {{if settings.fb_pixel_enabled and settings.fb_pixel_id and $noscript = \IPS\core\Facebook\Pixel::i()->noscript()}} <noscript> {$noscript|raw} </noscript> {{endif}} {{endif}} </body> </html>
