Hi friends
Among the various free template available in the web, i finally decided to use T3 template to do a project. I use t3_bs3_blank-Default template and is facing some width issues with layout. Here is my first issue.
I use a header block (header.php) which comes with <div class="col-xs-12 <?php echo $logosize ?> logo">.
This block will extend to far left if in the Custom.css i place the codes
.t3-header { width: 100%; }
If i use width: 80% it will be in line with the .t3-mainnav block.
What i want is to move the logo to be in line with mainnav but keep the gradient image shading to far left and right. The attachment header1.jpg hope to show what i mean.
If in custom.css i use .col-xs-12 {margin-left: 20px;} while using 100% width, it is still not what i want, see header3.jpg
How can i do this in Custom.css in a smart way.