Okay
  Public Ticket #3231407
Tablet navigation issue
Closed

Comments

  •  1
    Lizziesarahj started the conversation
    February 14, 2023 at 9:24am

    Hello,

    On tablet view the nav bar button text and alignment is wrong, please could you help.

    Thank you

    Attached files:  Tablet.jpg

  •  2,958
    Andrew replied
    February 14, 2023 at 10:15am

    Hello Lizzie,

    Thank you for reaching out to us.

    Please ensure the full-width option on the header theme settings and let us know if this fixes the issue.

    5376940862.png

    Thanks,

  •  1
    Lizziesarahj replied
    February 14, 2023 at 10:49am

    Hi,

    I've had a look in my Salient settings and the header is set to full width.

  •  8,839
    Tahir replied
    February 14, 2023 at 11:24am

    Hey Again,

    Try reducing the Padding: 

    4898902647.pngClick on Image to View Larger

    3633581466.pngClick on Image to View Larger


    Thanks 

    ThemeNectar Support Team 

  •  1
    Lizziesarahj replied
    February 14, 2023 at 12:01pm

    Hi,

    Adjusting the padding helps the alignment but it does not change spacing around the text button.

  •  8,839
    Tahir replied
    February 14, 2023 at 12:15pm

    The Menu Item Spacing can be adjusted in here: 

    9324216617.pngClick on Image to View Larger

    Thanks 

    ThemeNectar Support Team 

  •  1
    Lizziesarahj replied
    February 14, 2023 at 12:26pm

    I have added menu item spacing and reduced header padding but the nav button still isn't right on tablet

  •  2,958
    Andrew replied
    February 14, 2023 at 12:34pm

    Hi Lizzie,

    Thank you for getting back to us.

    Try adding this CSS

    @media only screen and (min-width:1000px){
    #menu-item-527 span.menu-title-text {
        white-space: nowrap;
    }
}

    Kind regards,