1. ticmic
  2. Sherlock Holmes
  3. Commercial Templates
  4. Monday, 20 June 2016
  5.  Subscribe via email
Hi, I am trying to get the social icons and the search bar to be placed as per my image attached and also have the login link and submit text under the search bar, but I am not having any luck, can you advise me if this is possible.

My site is http://www.archiehancock.co.uk

Thanks in advance
Accepted Answer Pending Moderation
0
Votes
Undo
Also how can I fix the logo image to the lefthand side?

Thanks
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

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


#socialmedia {
top: 20px;
}
#search {
top: 70px;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks that has worked. However when the browser gets smaller the menus disappear http://www.archiehancock.co.uk
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

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


#nav-toggle {
background-color: #223369;
}


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

That has not worked, also when the browser window gets small the social icons disappear
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Try using the following instead...


#nav-toggle {
background-color: #223369 !important;
}


For your social icons try also adding the following...


#socialmedia {
left: auto;
right: 10px;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks, I have tried this but when I reduce the browser window the search and social modules seems to slip behind the logo image:

http://www.archiehancock.co.uk
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

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


#search {
display: inline !important;
}
@media only screen and (max-width: 959px) {
#search {
top: 144px;
}
#socialmedia {
left: auto;
right: 216px;
top: 138px;
}}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 8
Accepted Answer Pending Moderation
0
Votes
Undo
Thats great works a treat, thank you
  1. more than a month ago
  2. Commercial Templates
  3. # 9
  • 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.