Joomla Templates Club 406,261 posts

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#664839

How does one position the logo to the top-left corner of the homepage (see image)?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#665023

So that I can try to best assist you, please provide the url of the site you’re working on,
as well as set “Optimize CSS” to “Off/No” within your Template Manager–General settings`

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#746427

So that I can try to best assist you, please provide the url of the site you’re working on,
as well as set “Optimize CSS” to “Off/No” within your Template Manager–General settings`

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#665074

@sobe: Yes, you can achieve that by customise the ‘video’ block a bit. Below is my workaround:
– Download the attached file
– Unzip and replace this file: root/templates/ja_appolio/tpls/blocks/video.php (remember to backup the old file first)

– Go to css file: root/templates/ja_appolio/css/custom.css (create this file if it doesn’t exist)
Add this css rule:


.pull-left.logo.top {
position: absolute;
}


And you can add more style for the logo as you wish.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#746478

@sobe: Yes, you can achieve that by customise the ‘video’ block a bit. Below is my workaround:
– Download the attached file
– Unzip and replace this file: root/templates/ja_appolio/tpls/blocks/video.php (remember to backup the old file first)

– Go to css file: root/templates/ja_appolio/css/custom.css (create this file if it doesn’t exist)
Add this css rule:


.pull-left.logo.top {
position: absolute;
}


And you can add more style for the logo as you wish.

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#665130

Hi Saguaros,
Thanks for the suggestion and the file! It worked in getting the logo where I wanted to go (yes!), but with unintended consequences, as the menu which I had previously removed from the home page has reappeared with the default logo location (making two logos appear).

My goal for the homepage is to have just the video + the logo(@top left) + the menu box (@ top right), and I’ve gone through great efforts to finally make the menu-bar under the video disappear. To do that, I removed (through “display:none”) all the features of the menu-bar, including the logo. Now that I need to reactivate the logo on the top-left side, a second logo reappears on the default location (under the video).

How do I make the logo appear only once (on top), and keep the second logo from showing up (at the bottom)?

Thanks again

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#746521

Hi Saguaros,
Thanks for the suggestion and the file! It worked in getting the logo where I wanted to go (yes!), but with unintended consequences, as the menu which I had previously removed from the home page has reappeared with the default logo location (making two logos appear).

My goal for the homepage is to have just the video + the logo(@top left) + the menu box (@ top right), and I’ve gone through great efforts to finally make the menu-bar under the video disappear. To do that, I removed (through “display:none”) all the features of the menu-bar, including the logo. Now that I need to reactivate the logo on the top-left side, a second logo reappears on the default location (under the video).

How do I make the logo appear only once (on top), and keep the second logo from showing up (at the bottom)?

Thanks again

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#665474

If you don’t want to show the logo in the menu under video, you can open the file: /root/templates/ja_appolio/tpls/blocks/header-home.php

then comment or remove snippet of code that renders logo:


<!-- LOGO -->
<div class="pull-left logo">
<div class="logo-<?php echo $logotype, ($logoimgsm ? ' logo-control' : '') ?>">
<a href="<?php echo JURI::base(true) ?>" title="<?php echo strip_tags($sitename) ?>">
<?php if($logotype == 'image'): ?>
<img class="logo-img" src="<?php echo JURI::base(true) . '/' . $logoimage ?>" alt="<?php echo strip_tags($sitename) ?>" />
<?php endif ?>
<?php if($logoimgsm) : ?>
<img class="logo-img-sm visible-sm visible-xs" src="<?php echo JURI::base(true) . '/' . $logoimgsm ?>" alt="<?php echo strip_tags($sitename) ?>" />
<?php endif ?>
<span><?php echo $sitename ?></span>
</a>
<small class="site-slogan hidden-xs"><?php echo $slogan ?></small>
</div>
</div>
<!-- //LOGO -->


Like this: http://prntscr.com/88yruv

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#746620

If you don’t want to show the logo in the menu under video, you can open the file: /root/templates/ja_appolio/tpls/blocks/header-home.php

then comment or remove snippet of code that renders logo:


<!-- LOGO -->
<div class="pull-left logo">
<div class="logo-<?php echo $logotype, ($logoimgsm ? ' logo-control' : '') ?>">
<a href="<?php echo JURI::base(true) ?>" title="<?php echo strip_tags($sitename) ?>">
<?php if($logotype == 'image'): ?>
<img class="logo-img" src="<?php echo JURI::base(true) . '/' . $logoimage ?>" alt="<?php echo strip_tags($sitename) ?>" />
<?php endif ?>
<?php if($logoimgsm) : ?>
<img class="logo-img-sm visible-sm visible-xs" src="<?php echo JURI::base(true) . '/' . $logoimgsm ?>" alt="<?php echo strip_tags($sitename) ?>" />
<?php endif ?>
<span><?php echo $sitename ?></span>
</a>
<small class="site-slogan hidden-xs"><?php echo $slogan ?></small>
</div>
</div>
<!-- //LOGO -->


Like this: http://prntscr.com/88yruv

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#680997

Hi Saguaros, thanks for the instructions.

What’s the best way to remove the bottom menu altogether from the homepage? As mentioned, the goal is to have just the video + logo + small menu box on top-right corner of screen in the home-page, nothing else.

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#747138

Hi Saguaros, thanks for the instructions.

What’s the best way to remove the bottom menu altogether from the homepage? As mentioned, the goal is to have just the video + logo + small menu box on top-right corner of screen in the home-page, nothing else.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#747205

<em>@sobe 489956 wrote:</em><blockquote>Hi Saguaros, thanks for the instructions.

What’s the best way to remove the bottom menu altogether from the homepage? As mentioned, the goal is to have just the video + logo + small menu box on top-right corner of screen in the home-page, nothing else.</blockquote>

It would still be very helpful if you could provide the url of the site you’re working on,
as well as temporarily set “Optimize CSS” to “Off/No” within your Template Manager–General settings`

[Author]

Posts