CSS and UI related updates

[guneetnarula]

Feedback from design team:

• Reduce opacity of black in gradient on home slider: black should be rgba(0,0,0,0.7)
• Max width of post title on home slider: 60% on desktop, 100% on small screen (with padding)
• Search icon in header should not be a solid type: remove fas class and just use fa for regular
• Header menu dropdowns on desktop: show on hover
• All buttons hover state: fill background with colour used for border (so purple or white) and make text colour white (on purple) and purple (on white)
• Hover state of hyperlinks inside p tag: color should be #ff7a30
• On tags/archive template: margin between header and tag title should be 200px;
• siteorigin tab titles on mobile phones are not responsive: reduce font size, and if all three do not fit in one line in the screen width, then consider horizontal scroll within titles wrapper
• home post/podcasts/videos grid: the last li element for "see all articles" etc does not have correct height on small screens

[guneetnarula]

• white background for body on single post template

[guneetnarula]

@jayvardhan one more issue:

On the desktop view, menu items in the header nav that have a dropdown should also be clickable themselves. Example, clicking on "Sections" menu item should open sections page url, and dropdown menu should be visible on hover.

[jayvardhan]

@guneetnarula we are using wp bootstrap navwalker to manage dropdown menus and this is where the attributes of parent item for dropdown menus are set.
Now, I tried to override the href and data-toggle properties here and with some javascript but the behaviour became inconsistent.
In order to have the desired functionality, I think we will have to create the menus statically, or let me know if there is some other way round.

[guneetnarula]

Got it, let me speak with the client on this.

[guneetnarula]

More feedback:

• carousel indicators for home page slider - inactive indicator should have opacity 1
• home page slider post title - font weight to be 600
• orbit grid template - author text should also be in Poppins
• orbit grid template - increase grid gap to 25px
• sticky header - add transition animation to remove jerk when scrolling starts
• orbit grid for podcasts - move hosted by text to new line