Project

General

Profile

Actions

Bug #12670

closed

Social icons in site header overlap with main nav on mobile

Added by Matt Gold over 4 years ago. Updated over 4 years ago.

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

0%

Estimated time:
Deployment actions:

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


Files

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

Updated by Boone Gorges over 4 years 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?

Actions #2

Updated by Matt Gold over 4 years 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

Actions #3

Updated by Raymond Hoh over 4 years 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.

Actions #4

Updated by Matt Gold over 4 years ago

thank you!

Actions #5

Updated by Boone Gorges over 4 years ago

  • Status changed from Staged for Production Release to Resolved
Actions

Also available in: Atom PDF