Recent
Categories
View Replies (5)

search position as module responsive problems

0
Votes
Undo
  1. falcongr
    falcongr
  3. Commercial Templates
  4. Thursday, 24 April 2014
  5.  Subscribe via email
Hello
I have followed the instructions and convert the search to a module position but i am facing the following problem.
When i am viewing the site from a tablet or a mobile the search module position ( is where i have put my language switcher bar) is not visible.
can you provide me with the proper media query code in order to solve this issue?

Thank you in advance
Responses (5)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of this issue? Which of our templates are you working with?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
falcongr
falcongr
Accepted Answer Pending Moderation
0
Votes
Undo
Unfortunately is developed locally. The template I use is the pianoforte.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Try adding the following to the Custom CSS field of your templates parmeters...


#socialmedia {

  display: inline !important;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
falcongr
falcongr
Accepted Answer Pending Moderation
0
Votes
Undo
I changed also the code from #socialmedia to #search and now it is working ok as far as the search module position.
The problem with the socialmedia now is that at tablet view they are going beneath the menu bars.I am attaching a screenshot to see what i mean.

Any help will be much appreciated

Thank you
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Try also adding the following to the Custom CSS field of your templates parameters which will move your icons to the left on mobile devices..


@media only screen and (max-width: 1024px) {

#socialmedia {

    left: 20px;

}

}


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


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

Site Links

Recommended

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.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok