SOLVED Another issue with menu indicator on touch devices
-
-
- Michael D'Avis
- Jr. Rocketeer
- Posts: 26
- Thanks: 0
-
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
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
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.
-
-
-
- Michael D'Avis
- Jr. Rocketeer
- Posts: 26
- Thanks: 0
-
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
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
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.
-
-
-
- Michael D'Avis
- Jr. Rocketeer
- Posts: 26
- Thanks: 0
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
Use this code...
To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .#g-header .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator { border: none; }
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.
-
-
-
- Michael D'Avis
- Jr. Rocketeer
- Posts: 26
- Thanks: 0
-
Sorry, but the circles are still there.
On my iPad and in Firefox using the developer tools.
CSS is recompiled. - Last Edit: 8 years 5 months ago by Michael D'Avis.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
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.
-
-
-
- Michael D'Avis
- Jr. Rocketeer
- Posts: 26
- Thanks: 0
-
Yes, now it's looking the way I wanted it!
Thank you.
Best regards,
Michael
-
Time to create page: 0.071 seconds