Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • sobe Friend
    #664839

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

    TomC Moderator
    #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
    #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
    #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
    #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
    #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
    #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
    #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
    #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
    #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
    #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
    #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`

Viewing 12 posts - 1 through 12 (of 12 total)

This topic contains 12 replies, has 3 voices, and was last updated by  TomC 9 years, 2 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum