Okay
  Public Ticket #3796830
Issue with "Add User Account Button" Placement in Salient Theme
Open

Comments

  • marouan started the conversation

    Dear Support Team,

    I am encountering an issue with the "Add User Account Button" functionality in the Salient theme. When I enable the vertical tabs feature in Microsoft Edge, the button shifts too far to the right, making it either partially or completely invisible (as shown in the attached screenshots).

    This issue seems to arise because the layout does not account for the extra space taken up by Edge's vertical tabs, which pushes content further right.

    Could you please provide guidance or a fix for adjusting the placement of the "Add User Account Button" to ensure it remains visible in such scenarios?

    Thank you for your assistance.

    Best regards, Marouan Ouadi

    Attached files:  horizontal_tab.png
      vertical_tab.png

  •  3,028
    Andrew replied

    Hi Marouan,

    Thank you for getting in touch.

    Please share your site URL so we can check this out and advise.

    We look forward to your reply.

    Thanks,

  • marouan replied

    Hi Andrew,

    Thank you for your response and for offering to look into this issue. I apologize for the delay in getting back to you.

    The site URL is: https://legaltools.meltingbugs.com.

    For additional context, I am using a device with a screen resolution of 2880x1620 and a recommended scaling of 200%. This might also contribute to the issue.

    Please let me know if you need any further details to debug this.

    Thank you for your support!

    Attached files:  Screenshot 2025-01-09 125626.png

  •  3,028
    Andrew replied

    Hi again,

    Thank you for getting back to us and for your patience.

    I recommend reducing the number of items on your top navigation menu as this is causing the menu items to overflow out of the page. You can try and add the social icons to the secondary header and see if this helps.

    Alternatively, add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    #top .sf-menu > li:not([class*="menu-item-btn"]) > a {
        padding: .2em .3em;
    }
    

    I hope this info helps.

    Thanks

  • marouan replied

    Hi,

    Thank you so much for your helpful response and suggestions.

    I have tested the provided CSS, and it works perfectly! I really appreciate the quick and effective solution. I will also consider reducing the number of items in the header navigation as you recommended to further improve the layout.

    Thanks again for your support!

    Best regards

  •  3,028
    Andrew replied

    Hi Marouan,

    Thank you for getting back to us.

    I'm glad we could assist and thank you for the suggestion. 

    Feel free to reach out to us if you have any other queries.

    Cheers,