Recent
Categories
View Replies (7)

Habitat - no sticky menu on the ipad

0
Votes
Undo
  1. tschiwi
    tschiwi
  3. Commercial Templates
  4. Sunday, 07 December 2014
  5.  Subscribe via email
.. but sticky social media icons.

Hi,
i'm working on a site with no social media links - but when I look at that site o the iPad, the the "social media bar" is displayed (and sticky) - but the menulink is gone when I scroll (same when you look at your Habitat demo).

Is it possible to have the menu-link sticky?
Responses (7)
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? Your top menu should be replaced by a mobile menu ('Menu' toggle switch at top right of page) on smaller screen devices.

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

just visit your habitat demo http://demo.joomla51.com/0112/ on an ipoad or reduce the screensize

as you scroll down, the menue is gone and the social media icons stay sticky .....
  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

Could you try adding the following to the Custom CSS field of your templates parameters...


.slicknav_menu {

    position: fixed;

    width: 100%;

    z-index: 999;

}

.slicknav_menu .slicknav_btn {

    right: 10px;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
tschiwi
tschiwi
Accepted Answer Pending Moderation
0
Votes
Undo
hi - that helps so that the Menü is stickt - but I still have the Problem, that the Part where the Social Media icons Fouls be is visible - although I have none ....

http://www.tschiwi.com/kinderarzt-fuessen
  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

You appear to have been able to remove the social icons bar?

To push your header down on smaller screen devices try adding the following to the Custom CSS field of your templates parameters..


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

.body_pattern {

    padding-top: 60px;

}}


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

that seems to work - Thanks :)

Just "one more thing":

Is it possible that the right sidebar is displayed under the main content in the mobile view?

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

May I suggest the following post on this query.. http://www.joomla51.com/forum/8-commercial-templates/5068-calibra-changing-the-responsive-layout#13489

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 7
  • 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.