Hi there,
I am using Renew to develop a client’s site. They need the main logo to the left and the sponsors’ logos to the right in the same container. I tried here and there to no avail.
Here is what I have now:
What I need is this:
Please help me with this. I really appreciate your help.
Regards,
Jose Luis
Hi Jose,
Thank you for writing in, since you already have placed the sponsors’ logos on your header, I suspect that you already have modified the VIEWS/GLOBAL/_NAVBAR.PHP files. While that is outside the scope of support, I could point you in the right direction with the understanding that it would ultimately be your responsibility to take it from here.
On your _navbar.php file, there is a block
<div class="x-container max width">
<?php x_get_view( 'global', '_brand' ); ?>
</div>
You can make that a 2 columns by updating it to:
<div class="x-container max width">
<div class="x-column x-sm x-1-2">
<?php x_get_view( 'global', '_brand' ); ?>
</div>
<div class="x-column x-sm x-1-2">
<!-- Sponsors' logos here -->
</div>
</div>
With that, you’ll have a 2 columns logobar that easily separate the main logo and sponsor logo.
The position and alignment of the logos can be adjusted with custom CSS. You can find the proper CSS code selector using the Chrome browser Developer Toolbar
For the CSS code itself, I suggest that you get started with this tutorial
That can also be achieved with the Pro header builder, by having a bar with 2 containers, the first container’s flex layout horizontal is set to start (left) and the second container’s flex layout set to column to stack the sponsor logos to each other and the flex layout horizontal set to end (right).
Hope this helps,
Cheers!
Thank you very much for your help. I did as suggested and I got the logos to the right. You were of a great help. Thanks.
Greetings,
Jose Luis
You’re more than welcome, glad we could help.
Cheers!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.