Okay
  Public Ticket #962120
dot navigation menu text on mobile
Closed

Comments

  •  2
    mayinthemaking started the conversation
    November 21, 2016 at 1:39am

    Hey!

    First of all thank you for such an amazing theme. My clients (and I) love it so much! 

    My question regards the dot navigation menu on the right side of the screen. It looks great on desktop, but on mobile the row name text for each section simply overlaps the text in that area and it doesn't look good. (I attached a screen cap of how it looks). Is there a way to not display that text on mobile?

    Thanks so much in advance!

    May.

  •  8,996
    Tahir replied
    November 21, 2016 at 7:29pm

    Hey Mayin,

    I see you use the Alt Tooltip version which doesnt show Dot Navigation on Mobile. 

    Bes.t

    ThemeNectar Support Team 

  •  2
    mayinthemaking replied
    November 21, 2016 at 8:44pm

    Hey Tahir,

    It's now back to Transparent version (I meant to change it yesterday but forgot).

    Hope you'll be able to help.

  •  8,996
    Tahir replied
    November 22, 2016 at 2:45pm

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (max-width: 690px) {
    #fp-nav.transparent ul li .fp-tooltip .tooltip-inner span {
        opacity: 0 !important;
    }
}

    Thanks

    ThemeNectar Support Team 

  •  2
    mayinthemaking replied
    November 22, 2016 at 9:29pm

    Sadly, it's still not working. No red crosses appear but this does:

  •  8,996
    Tahir replied
    November 23, 2016 at 11:22am

    Hey Again,

    Remove the earlier provided css and use this instead : 

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (max-width: 1000px) {
    #fp-nav.transparent ul li .fp-tooltip .tooltip-inner span {
        opacity: 0 !important;
    }
    #fp-nav.transparent ul li .fp-tooltip .tooltip-inner:after {
        opacity: 0 !important;
    }
}

    Thanks


    ThemeNectar Support Team