Okay
  Public Ticket #665635
Phone number in secondary navigation
Closed

Comments

  • Véronique started the conversation

    Hello,


    I have placed a phone number in the secondary navigation of my site. On the desktop every thing works fine. However, on tablet (landscape only), the phone number is offset under the secondary navigation. Any idea how to solve the issue?


    Also, on mobile there is a black line under the primary navigation, like if there was a gap between the nav and the container. Do you know how I could fix this?

    Here is the url: test1.brad.ca

    Thank you!

  •  8,992
    Tahir replied

    Hey ,

    Could you please update to 7.0.6 as that has the fix for the gap .

    @media only screen and (max-width: 1000px) and (min-width: 1px){
    
    
    #header-secondary-outer nav > ul {
    
         float: left!important; 
         width: auto !important;
    }
    }

    Best.


    ThemeNectar Support Team 

  • Véronique replied

    Hello,

    I did the update to 7.0.6 and the gap between the main nav and the container is still there. Nothing has change.

    Also, the code you gave me didn\'t fix the problem of the phone number. It is still offset.


    You can find a screen shot in attachment.


    Thank you for your help!

    VĂ©ronique

  • Véronique replied

    Also, the url changed. It is now cliniqueduplateau.brad.ca


    Thanks!

  •  8,992
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    body[data-header-resize=\"0\"] .container-wrap, body[data-header-resize=\"0\"] .project-title {
        margin-top: -4px !important;
    }

    Also i cant seem to view the issue in the screenshot when i try to view in ipad browser width ? .

    Best



    ThemeNectar Support Team 

  • Véronique replied

    Hi again,

    The code you gave me to fix the gap between the navigation and the container worked! Thank you!


    The issue with the phone number in the secondary nav is only on iOS on iPad and iPhone. You really need to look at it directly on those devices (and not resizing your desktop browser to a tablet or mobile width). Do you have any idea how to fix the problem?


    Thanks again!


  •  8,992
    Tahir replied

    Gonna assign the ticket to the developer so that he may have a look on those actual devices. Though most issues show up emulation mode as thats what its for.

    Could you also try viewing it in another browser on the ipad or iphone device.

    Please clear your cache using this guide: https://themenectar.ticksy.com/article/6226/ and then check .


    Best.


    ThemeNectar Support Team