Menu items font size

valepojoomla

Hi,
I would like to slightly enlarge the logo.
I need also to increase the font size of the menu.
(https://www.valepo.com/bema/it/)
I used this header block:

<header class="header-block header-block-1">
<div class="row align-items-stretch">
<div class="col-12 col-md-4 col-lg-2 align-self-center t4-brand">
<jdoc:include type="element" name="logo" />
</div>
<div class="col-12 col-md-4 col-lg-5">
<div class="t4-navbar">
<jdoc:include type="element" name="offcanvas-toggle" />
<jdoc:include type="element" name="megamenu" />
</div>
</div>
<div class="col-8 col-md-4 col-lg-5 text-right align-self-center t4-header-right">
<jdoc:include type="modules" name="header-right" style="raw" />
</div>
</div>
</header>

Thanks

saguaros

valepojoomla HI

You can increase the number of grid for the logo by changing the class 'col-lg-2' to bigger value.

And you need also change the number of grid of the section on the right side of logo to make sure that the total number of grid is equal to 12.

For instance, you change to 'col-lg-3' and you need to reduce 'col-lg-5' to 'col-lg-4'

Regards

valepojoomla

OK, thanks a lot!
I did as you told me, the logo is ok now but the font size remains the same despite having increased he class 'col-lg-Number' to bigger value.
This is the modified header block:

<header class="header-block header-block-1">
<div class="row align-items-stretch">
<div class="col-12 col-md-4 col-lg-3 align-self-center t4-brand">
<jdoc:include type="element" name="logo" />
</div>
<div class="col-12 col-md-4 col-lg-7">
<div class="t4-navbar">
<jdoc:include type="element" name="offcanvas-toggle" />
<jdoc:include type="element" name="megamenu" />
</div>
</div>
<div class="col-8 col-md-4 col-lg-2 text-right align-self-center t4-header-right">
<jdoc:include type="modules" name="header-right" style="raw" />
</div>
</div>
</header>

saguaros

It's for logo, with menu font size, you can use this custom CSS code:

.t4-megamenu .navbar-nav>li>.nav-link, .t4-megamenu .navbar-nav>li>a {
    font-size: 16px !important;
}

and change to your desired value.

valepojoomla

Thanks!