0
Welcome Guest! Login
0 items Join Now

SOLVED Another issue with menu indicator on touch devices

  • SOLVED Another issue with menu indicator on touch devices

    Posted 6 years 10 months ago
    • Hi,

      I have another small issue with the menu indicators, which are hidden by CSS.
      This works in 'normal' browsers.

      But on touch devices like iPhone or iPad I still can see some little circles.

      Couldn't figure out how to hide those.

      See the image as an example. The circles I mean are marked in blue.

      URL to the site is http://midas-it.de/ipsjoomla/ .

      Thank you.

      Best regards, Michael
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 99103
    • Thanks: 13179
    • Web Designer/Developer

    Re: SOLVED Another issue with menu indicator on touch devices

    Posted 6 years 10 months ago
    • Try putting !important on your custom CSS statement (on the content: none; and display: none;) - but I tried iphone and it was fine?

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
  • Re: SOLVED Another issue with menu indicator on touch devices

    Posted 6 years 10 months ago
    • Tried !import but to no avail.

      See attached a screenshot from my iPad. Again circles are marked in blue.

      Forgott to mention that you don't see it on the mobile menu.
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 99103
    • Thanks: 13179
    • Web Designer/Developer

    Re: SOLVED Another issue with menu indicator on touch devices

    Posted 6 years 10 months ago
    • Please would you post your URL, superuser id and pswd in the secure tab of your post and i'll have a look for you.

      Please post your FTP logon, password and FTP URL in the secure area of your post.

      It's !important not !import as you stated.

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
  • Re: SOLVED Another issue with menu indicator on touch devices

    Posted 6 years 10 months ago
    • This message contains only secure information that is visible to MrT, moderators and administrators
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 99103
    • Thanks: 13179
    • Web Designer/Developer

    Re: SOLVED Another issue with menu indicator on touch devices

    Posted 6 years 10 months ago
    • Use this code...
      #g-header .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
          border: none;
      }
      To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .

      Remember to recompile CSS from base outline too.


      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
  • Re: SOLVED Another issue with menu indicator on touch devices

    Posted 6 years 10 months ago
    • Sorry, but the circles are still there.

      On my iPad and in Firefox using the developer tools.

      CSS is recompiled.
    • Last Edit: 6 years 10 months ago by Michael D'Avis.
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 99103
    • Thanks: 13179
    • Web Designer/Developer

    Re: SOLVED Another issue with menu indicator on touch devices

    Posted 6 years 10 months ago
    • It is working but there's a grey background as well as border so also add to that statement "background-color: transparent;"

      Regards, Mark.
    • The following users have thanked you: Michael D'Avis

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
  • Re: SOLVED Another issue with menu indicator on touch devices

    Posted 6 years 10 months ago
    • Yes, now it's looking the way I wanted it!

      Thank you.

      Best regards,

      Michael

Time to create page: 0.102 seconds