Post by hudbarnett » Mon Mar 28, 2016 3:49 am

Hi Guys

I'm looking for some advice on how i could add a small horizontal image to the right hand side of the Top Menu.

Here is an example of what i would like to do.

Image

Any help is much appreciated.

Thanks

Hudbarnett

New member

Posts

Joined
Thu Mar 29, 2012 9:46 pm

Post by Pobb » Mon Mar 28, 2016 1:36 pm

Edit catalog/view/your theme/template/common/header.php

Depends what theme you have but, assuming it's default, around line 66 you should have

Code: Select all

<li><a href="<?php echo $checkout; ?>" title="<?php echo $text_checkout; ?>"><i class="fa fa-share"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_checkout; ?></span></a></li>
</ul>
before the </ul> put

Code: Select all

<li><img src"whatever.jpg"></li>

Active Member

Posts

Joined
Tue May 31, 2011 2:35 pm

Post by hudbarnett » Tue Mar 29, 2016 7:37 pm

Thank you very much, i will give it a go

:)

New member

Posts

Joined
Thu Mar 29, 2012 9:46 pm

Post by hudbarnett » Mon Apr 04, 2016 4:56 pm

Hi

I tried adding the image in but it pushed it into the top of the page and not into the menu bar.

I tried adding it else where within the div tags but it didn't work.

Thanks

New member

Posts

Joined
Thu Mar 29, 2012 9:46 pm

Post by Pobb » Mon Apr 04, 2016 8:39 pm

I thought you wanted it in the top menu? If you want it in the main menu then look for

Code: Select all

<?php } else { ?>
        <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
        <?php } ?>
        <?php } ?>
      </ul>
and before </ul> add

Code: Select all

<li><img src"whatever.jpg"></li>

Active Member

Posts

Joined
Tue May 31, 2011 2:35 pm

Post by hudbarnett » Tue Apr 12, 2016 5:18 pm

Thank you, i will give it a go.

:)

New member

Posts

Joined
Thu Mar 29, 2012 9:46 pm

Post by hudbarnett » Thu Apr 21, 2016 3:08 am

Thanks for your help. I managed to get the image in the menu but when i create a hyperlink it adds padding around the image. Here is an image showing you.

Image

Do you know how i can remove the padding?

Thanks

Hudbarnett

New member

Posts

Joined
Thu Mar 29, 2012 9:46 pm

Post by cyclops12 » Thu Apr 21, 2016 3:17 am

A link to your site will help others to help you ;)

Expert Member

Posts

Joined
Sun Sep 27, 2015 1:10 am
Who is online

Users browsing this forum: No registered users and 243 guests