Okay
  Public Ticket #3827626
Responsibility
Open

Comments

  • Jac started the conversation

    Hello, I want to ask how I can make my menu to be responsive at every device? Because on my computer it looks fine but on other devices like laptop like 13.3 inches is badly visible.

  •  2,023
    Judith replied

    Hi Jac,

    Thanks for writing to us.

    The Salient theme is fully responsive and any device and so if there are any responsive issues.

    I checked the issue on 13.3 inches which is 1276pixels and couldn't replicate any issues. 

    5360913678.png

    You can share with us a screenshot of how the issue is replicating, the laptop model as well as the browser so we can replicate the issue.

    I look forward to your response.

  •  9,118
    Tahir replied

    Hey Again,

     

    Try reducing the Padding in here: 9114849408.pngClick on Image to View Larger

    You can also change the breakpoint for the mobile header as shown in this screenshot to call it in Tablet view:9727703058.pngClick on Image to View Larger

     

    Best,

     


    ThemeNectar Support Team 

  • Jac replied

    This menu look is the problem, the texts are not responsive kinda

    Attached files:  1.jpg

  •  9,118
    Tahir replied

    Hey Again,

    Try using the Responsive Typography Settings in here : 

    2321066868.pngClick on Image to View Larger

    .

     

    Best.


    ThemeNectar Support Team 

  • Jac replied

    Yeah, but I want to repair only menu

  •  3,106
    Andrew replied

    Hi Jac,

    Thank you for getting back to us.

    Try adjusting the Header Breakpoint as earlier suggested by @Tahir so that the hamburger menu can appear on smaller screens.9727703058.png

    Try this and let us know if this works for you.

    Cheers,

  • Jac replied

    Okey It is good option, thanks. But At 1440 x 900 it is still showing normal menu but I set the header mobile breakpoint at 1500, why?

  •  3,106
    Andrew replied

    Hi Jac,

    Thank you for getting back to us. 

    This could be caused by caching on your site. Please clear your cache using this guide: https://themenectar.ticksy.com/article/6226/. If you are using WP Rocket use this guide:  https://docs.wp-rocket.me/article/108-render-blocking-javascript-and-css-pagespeed#critical-path-css.

    Try these and let us know if the issue is resolved.

    Thanks,