Login button not displaying properly in responsive mode

Request Type: 
General Assistance
Forums: 
Basic Site Setup
Author: 
Sanjana Singh
Issue/Request: 

Login button on the home page gets spilt in two (seems like the text is wrapped due to the narrow width of the column- header 2) when the screen size is reduced in responsive mode.  We tried to work around it by reducing the padding around the login button and flushed the caches. It still needs more fixing.

Alyssa DeChiaro on December 4, 2017:

Hi Sanjana,

YaleSites recently had a theme update and it seems to have interfered with your CSS injector rules, so those rules will have to be adjusted. We also recommend moving the Login block to sidebar first or removing the CSS that adjusts the position of the default header second region.

Best,Alyssa

Sanjana Singh on December 4, 2017:

Thanks Alyssa for the prompt response. The login button is in header second region as we want it to be on top of the screen in responsive mode. Putting it in sidebar second region, will push it under the content area in small screens thus defeating our purpose. Chao had done the css for us to begin with. So, if he can tweak it, it would be most appreciated.

Thanks again,

Sanjana