Login Menu on the header doesnt display fully

[Adeniran]

Hi, I used wplms on a client's site and I was notified that the Login menu on the upper right corner of the header doesnt display fully. It only shows (L....). is there a way I can adjust the position using css or just any other setting? The site is empoweringafricanwomen.com. please advise. Thanks.

[Diana]

@Adeniran Use this custom css and paste in wp-admin > Appearance > Customize > Custom CSS .logged-out .sleek .topmenu>li:first-child a>span{ overflow:unset !important; }

[Adeniran]

Hi Diana, Thanks a lot, it worked perfectly. I was wondering if the login botton can be styled to look something like what I say on Udemy, with a buttonlike appearance. What is the css code like? Also, I think since I forced ssl using really simple ssl plugin, my activation code for new users have not being delivering. Thanks for your replies and Im looking forward to solve this issue too.

[logan]

Hi Adeniran, Please use these codes in your wp-admin > apperance > customize > custom css > paste.. ul.topmenu a.vbplogin>span{ background: #fff0 !important; padding: 8px 12px !important; border: 1px solid #fff !important; border-radius: 2px; color: #fff; font-weight: 800; text-align: center !important; vertical-align: middle !important; } ul.topmenu a.vbpcart>span.fa.fa-shopping-cart { vertical-align: middle !important; padding: 8px 12px !important; } it will style your login button like refer: http://prntscr.com/lh8ivj For the issue 2: Please check your site URL and wordpress URL should be same. regards.

[Adeniran]

Thanks Logan, your suggestion worked well with placing borders, but it didn't align the login to the center of the button (Please note Diana gave me the css to remove offset because my Login menu wasn't showing fully), maybe this should be considered. Also I noticed when logged in, it recreates the border for the user name, but since the username is not showing fully, it cuts the name out. https://prntscr.com/lh9f5q and this https://prntscr.com/lh9f5b

[Adeniran]

Hi Logan, I have solved the issue of border around logged in user name by using the id for the logged out user Login menu and your css code. the only problem is how to aling the login text to center. please help with that. thanks

[logan]

hey, Please paste this code in your wp-admin > appearance > customize > custom css. ul.topmenu a.vbplogin>span {border: 1px solid #ffffff !important; width: 62px; padding: 8px 10px !important; text-align: center !important; margin-top: 10px !important;} Refer: http://prntscr.com/lhpt2r happy coding.

[Adeniran]

Hey Logan, that was perfect, thanks a lot. The site looks perfect now and email activation works great .    

[logan]

Hey Adeniran, Glad to know that worked well for you. happy to help you. closing this topic.

[Author]

Posts