Recent
Categories
View Replies (8)

Central- social icons & mobile menu

0
Votes
Undo
  1. Pippilotta
    Pippilotta
  3. Commercial Templates
  4. Thursday, 26 February 2015
  5.  Subscribe via email
Hi,
working on Central, there are two problems occuring:

1) Activating social icons in hornavmenu-top, they unfortunately overlap the last menu item. Actually they should be smaller in the height, so that there is a space between social icons and menu.
How can I solve this? I tried different specification in the css, like top and height but none of them seems to work properly (either hover nor mobile display would then display correctly).

2) I enabled the display of menu 1st level on mobile devices by setting in .js "allowParentLinks: true". That works fine, except that child menus are not shown anymore... The strange thing is, that it has already worked once?!?

Any suggestion?
Here is the link: http://www.theworkplaceatelier.com/Neha/index.php

Thank you very much for an answer in advance,

BR Pippilotta
Responses (8)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

1. To reduce the height of your social icons try adding the following to the Custom CSS field of your templates parameters....


.hornavmenu-top {

    z-index: 102;

}

#socialmedia ul li a {

    background-position: -5px -44px;

    height: 30px;

    width: 30px;

}

#socialmedia ul li a:hover {

    background-position: -5px -44px !important;

}


2. Have you since amended this issue as your menu child items appear to be now displaying?

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

@1: that works perfectly well on desktop now, but still there is a problem on mobile view. Neither "display:inline" nor "display:block" in 'responsive options' > 'custom.css' shows a proper layout...
@2: it´s very strange... yesterday it worked once, but then again no child menu is to be seen. Maybe a sort of cache problem?

Thanks for another suggestion,
Best Regards
Pippilotta
  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

1. To display your social icons on all devices add the following to the Custom CSS field of your templates parameters..


.hornavmenu-top #socialmedia {

    display: inline !important;

}


2. Possibly. Have you tried clearing your browser cache? Is the issue present on any particular browser?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Pippilotta
Pippilotta
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,
problem no.1 is solved - social icons work fine both on desktop and on mobile now :)
thank you very much!

Regarding the other problem - still no idea.
I cleared my browser cache (FF) and even deleted cookies but no change. In order to avoid any misunderstanding: the problem that the child menu does not show up occurs only on mobile phone, precisely here: http://www.theworkplaceatelier.com/Neha/index.php/about
Here is a submenu called "publications" which does not appear on mobile (iPhone)
(only the arrow next to the menu title indicates that there must be a submenu).

Best Regards,
Pippilotta
  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
Hi Pippilotta

Sorry to say we are still unable to replicate this issue testing on an iPhone 6 running iOS 8. May I ask what iOS/iPhone version you are having this issue?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Pippilotta
Pippilotta
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán,
this issue happens with iPhone 5 running IOS 8.1.3.
Best Regards,
Pippilotta
  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
Just to clarify, is the issue you are having present on every page of your site or just on the link provided above? Unfortunately it is very hard for us to troubleshoot when we are unable to replicate the problem. If the issue is only present on certain pages then it would suggest that there is a conflict with a module extension. If present on all pages then it would be more likely to be an issue with an installed plugin.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Pippilotta
Pippilotta
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán,
I double-checked this mobile issue now with another iPhone and for some reason, it worked.
I´m afraid the problem is due to my own iPhone as it seems to have an extremly sensitive touch-screen. Tipping on the parent menu does not open the child menu but leads directly to the parent. So I need to tip very precisely on the menu in question in order not to fail.
Anyway the problem seems be solved as long as it works well with all other mobile devices.

Thank you very much for your patience and your efforts!
Great template, by the way!
Best Regards
Pippilotta
  1. more than a month ago
  2. Commercial Templates
  3. # 8
  • 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