How to Edit Coding for Top Navigation Buttons

Site URL: https://www.balancedtechnologysolutions.com

Hi! So I am designing a website and the client wants two top navigation buttons that looks uniform. I found a code on this forum and was able to add the button, however, the spacing isn't right and I have no clue how to edit the coding. Please help! I've attached a picture of the buttons currently.

On 12/14/2020 at 1:13 AM, cinnamonicedlatte said:

Site URL: https://www.balancedtechnologysolutions.com

Hi! So I am designing a website and the client wants two top navigation buttons that looks uniform. I found a code on this forum and was able to add the button, however, the spacing isn't right and I have no clue how to edit the coding. Please help! I've attached a picture of the buttons currently.

I saw them looks good

@cinnamonicedlatte I see your site has some small problems.

1. (Tablet) The text width is a bit narrow on this page.

https://www.balancedtechnologysolutions.com/enabling-remote-collab

You can add this to Design > Custom CSS to increase width

/* Tablet text width */
@media screen and (max-width:991px) and (min-width:768px) {
div#page-section-5f2190ae8cb88130d38634e7 .span-7 {
    width: 80%;
}
}

2. (Tablet) Text padding left/right seems so small.

https://www.balancedtechnologysolutions.com/plan