Changing the sitewide header site title area size

Permalink Browser Info Environment
Hello!

How can i change the size of the sitewide header site title area?
Picture what i can set to site logo is a bigger than area.

I change header.php, in packages/xw_replica/elements folder, but this change only position.

<div class="container">
<div class="row">
<div class="col-sm-2 col-xs-6 header-site-title" id="logo-area">
<?php
$a = new GlobalArea('Header Site Title');
$a->display();
?>
</div>

Can anyone please help?
Thanks!

Type: Discussion
Status: Resolved
martinpa
View Replies:
Xanweb replied on at Permalink Reply
Xanweb
Hi martinpa,

You can change header.php areas like below:
<header>
   <div class="container">
          <div class="row">
               <div class="col-sm-3 col-xs-6 header-site-title" id="logo-area">...</div>
               <div class="col-sm-6 col-xs-6 responsive-navigation" >...</div>
               <div class="col-sm-3 col-xs-12">...</div>
          </div>
   </div>
</header>


Best Regards,
Concrete5 DE Support Team

http://www.concrete5.de/
http://www.xanweb.com/
martinpa replied on at Permalink Reply
martinpa
It works, but i don't understand this logic.
I want to make this picture little bit bigger. If i change this line <div class="col-sm-3 col-xs-6 header-site-title" id="logo-area"> to
<div class="col-sm-4 col-xs-6 header-site-title" id="logo-area">
then only the position of the search area changes and it moves down.
Screenshot:http://mavek.ee/picture1.jpg

All header.php code:

<?php defined('C5_EXECUTE') or die('Access Denied.');

$this->inc('elements/header_top.php');

$as = new GlobalArea('Header Search');
$blocks = $as->getTotalBlocksInArea();
$displayThirdColumn = $blocks > 0 || $c->isEditMode();
?>

<header>
<div class="container">
<div class="row">
<div class="col-sm-4 col-xs-6 header-site-title" id="logo-area">
<?php
$a = new GlobalArea('Header Site Title');
$a->display();
?>
</div>
<div class="<?php echo ($displayThirdColumn) ? 'col-sm-6 col-xs-6' : 'col-sm-6 col-xs-6'; ?> responsive-navigation">
<?php
$a = new GlobalArea('Header Navigation');
$a->display();
?>
</div>
<?php
if ($displayThirdColumn) {
?>
<div class="col-sm-3 col-xs-12">
<?php $as->display(); ?>
</div>
<?php
}
?>
</div>
</div>
</header>


Best regards,
Martin
Xanweb replied on at Permalink Reply
Xanweb
this how bootstrap works! within a row you can only have 12 cols
so i you use a col4 for the header (what is too much in my opinion for a logo my be the image itselff is not big enough!)so you need to reduce one of the other cols!
col-sm-6 should change to col-sm-5 but it could be not enough for a navigation!!!
for more comprehension how bootstrap works
see:https://getbootstrap.com/docs/4.0/layout/grid/...

concrete5 Environment Information

# concrete5 Version
Core Version - 8.5.4
Version Installed - 8.5.4
Database Version - 20200609145307

# Database Information
Version: 10.3.27-MariaDB-cll-lve
SQL Mode: NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION

# concrete5 Packages
Background Image and Overlay (0.9.9), ExchangeCore reCAPTCHA (1.1.1), Fruitful (1.2), Neat (0.9.2), Replica Theme (1.0.0)

# concrete5 Overrides
None

# concrete5 Cache Settings
Block Cache - On
Overrides Cache - On
Full Page Caching - Off
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software
LiteSpeed

# Server API
litespeed

# PHP Version
5.6.40

# PHP Extensions
bcmath, bz2, calendar, Core, ctype, curl, date, dom, ereg, exif, fileinfo, filter, ftp, gd, gettext, gmp, hash, i360, iconv, imap, intl, ionCube Loader, json, libxml, litespeed, mbstring, mcrypt, mhash, mysql, mysqli, mysqlnd, openssl, pcntl, pcre, PDO, pdo_mysql, pdo_sqlite, pgsql, Phar, posix, pspell, readline, Reflection, session, shmop, SimpleXML, soap, sockets, SPL, sqlite3, standard, tidy, tokenizer, xml, xmlreader, xmlwriter, xsl, zip, zlib

# PHP Settings
max_execution_time - 90
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - -1
max_input_vars - 10000
memory_limit - 128M
post_max_size - 256M
sql.safe_mode - Off
upload_max_filesize - 256M
ic24.api.max_timeout - 7
mysql.max_links - Unlimited
mysql.max_persistent - Unlimited
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
pgsql.max_links - Unlimited
pgsql.max_persistent - Unlimited
session.cache_limiter - <i>no value</i>
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5

Browser User-Agent String

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.150 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

Click below to request a refund for License #8247860. Assigned to My site.
Created on Oct 22 2020 at 7:44 pm
.