1. Yu
  2. Commercial Templates
  3. Tuesday, 28 July 2015
  4.  Subscribe via email
Hi,

I am using Vitality template.

Please advise how to insert the company logo on the extreme right of the main menu bar and at the same time hide the company logo in the head carousal.
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Try the following instead which moves the logo to the left of the screen...


@media only screen and (max-width: 1024px) {
#logomenu {
left: 0;
position: absolute;
z-index: 101;
}}


Note: We are unable to see the previously suggested CSS in your source.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

After adding the proposed CSS, I still can't see the logo on mobile device - there is no other appearance besides the word "MENU" which is at the top right-hand corner.

The logo appears shortly at first and disappears.

FYI, the website is https://synergistic-intelligence.com
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

It appears your logo is been hidden behind the mobile menu. To reposition your logo on smaller screen devices try adding the following to the Custom CSS field of your templates parameters...


@media only screen and (max-width: 1024px) {
#container_hornav {
margin-top: 65px;
}}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
For display on the mobile phone, kindly advise the following:

1. How to let the logo (now is at the top right hand corner of the menu bar) appear on the mobile phone display?
2. if I have make the logo-text to be 40px, how to make it appear small on the mobile phone display?
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Yu

To amend try adding the following to the Custom CSS field of your templates parameters (edit to taste)...


h1.logo-text a {
font-size: 40px;
}


For the benefit of other forum users please post further new queries to a new post. :)

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Great. Thank you.

Please advise how to make the font smaller for the "logo" text as per
http://www.synergistic-intelligence.com/index.php/consultancy/business-model-strategy
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

To amend try adding the following to the Custom CSS field of your templates parameters...


.hornavmenu {
position: absolute;
top: 0;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

Please see http://www.synergistic-intelligence.com.

You can see that the menu drops inside the header container.
  1. more than a month ago
  2. Commercial Templates
  3. # 8
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of your issue?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 9
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

I have done as proposed. However the menu has moved downward according to the size of the logo.

Even if the logo size is height 10px (which is not clear at all), the menu will move to the header container.

Please advise how to maintain the menu to be above the header container as usual.
  1. more than a month ago
  2. Commercial Templates
  3. # 10
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Sorry to day there is no option with our Vitality template to achieve this. You could try replacing the social icons with a module position which would involve replacing the following in your templates index.php...


<?php require("php/layouts/social_icons.php"); ?>


With...

<div id="newmodule">
<jdoc:include type="modules" name="newmodule" />
</div>


You'll find the position won't be listed in the positions dropdown within your modules parameters so simply type it in to create (newmodule).

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 11
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.