How to increase width for text logo

nikolabt

I'm trying to find but I can't probably to increase width for Logo. How I see menu is auto and you can't change the width in theme layer settings so is any some other way how to do that?

saguaros

nikolabt

Hi,

You can change via the Bootstrap classes in following files:

root/templates/ja_hotel/tpls/blocks/header.php

change: <div class="col-xs-4 col-sm-2 logo">
to: <div class="col-xs-4 col-sm-2 col-md-4 logo">

root/templates/ja_hotel/tpls/blocks/mainnav.php

change: <nav id="t3-mainnav" class="navbar navbar-default t3-mainnav col-sm-10 pull-right">
to: <nav id="t3-mainnav" class="navbar navbar-default t3-mainnav col-sm-10 col-md-8 pull-right">

As you can see that I add 'col-md-4' class for the logo div in header block and col-md-8 for the mainnav, you can increase the value as you wish but make sure that the total grid is equal to 12. You can check this reference for more info: https://getbootstrap.com/docs/3.3/css/#grid

Regards

nikolabt

@saguaros thanks 🙂 that classes I was looking for

thanks once again