Project

General

Profile

Bug #12670

Social icons in site header overlap with main nav on mobile

Added by Matt Gold over 1 year ago. Updated over 1 year ago.

Status:
Resolved
Priority name:
Normal
Assignee:
Category name:
Responsive Design
Target version:
Start date:
2020-04-17
Due date:
% Done:

0%

Estimated time:

Description

Looking at the CAC on my mobile phone, I see some overlapping of the twitter and feed icons over other text. Please see the attached screenshot

IMG_2361.PNG (98.2 KB) IMG_2361.PNG Matt Gold, 2020-04-17 01:04 PM

History

#1 Updated by Boone Gorges over 1 year ago

  • Subject changed from Mobile display issue to Social icons in site header overlap with main nav on mobile
  • Assignee changed from Boone Gorges to Raymond Hoh
  • Target version set to 1.16.10

Ray, could you please figure something out? Looks like there might be room to squeeze the icons up next to the site logo (negative margin-top or something). Or maybe bump the whole nav down on mobile?

#2 Updated by Matt Gold over 1 year ago

(also, FYI, I created a new category called "Responsive Design" to track issues specific to mobile displays. If you don't like that title or feel we should just group everything under "Design," please rename/consolidate

#3 Updated by Raymond Hoh over 1 year ago

  • Status changed from Assigned to Staged for Production Release

Fixed in https://github.com/cuny-academic-commons/cac/commit/127e5f78136593e5e2ecb2ea44ce52002e96c126

I bumped the social icons down to the second row when the device width is less than 540px. This feels like the best solution in my eyes.

#4 Updated by Matt Gold over 1 year ago

thank you!

#5 Updated by Boone Gorges over 1 year ago

  • Status changed from Staged for Production Release to Resolved

Also available in: Atom PDF