Changing the hamburger color, mobile footer overlap, mobile form formatting

[Mike]

Mike

July 9, 2017 at 11:58 pm

Hi,

Now that our desktop version is close to the way we want it, moving on to mobile… I have three problems I couldn’t figure out even after searching the forums. I’m testing on my iPhone 7.

Again, all of the below are mobile issues. *Login to see link

1. My designer decided to change the background color of the header to white. [That broke the Ascend Social Media widget on the desktop, so I replaced it w/ another widget we were already using anyway.] But, unfortunately, a white mobile hamburger is invisible. Seems like there s/be a an easy way to set the three bars to, say, blue — but I couldn’t figure it out.

2. Footer column three overlaps footer column two. Is that a problem w/ the social media widget we’re using in column two, or an Ascend issue?

3. This page renders properly on the desktop: *Login to see link On mobile, however, it renders the Ward selectbox justified to the right and wraps Precinct to the next line. Is that an Ascend issue? I guess I could try making the size1of2 class fields smaller, but I figured I’d check w/ you first.

Thanks to a tip from Hannah, I upped my game re: using browser inspection utilities to mess w/ CSS on the desktop. As a result, I haven’t bothered tech support w/ any subsequent issues. 🙂 Is there a similar trick for debugging mobile issues on iOS? I’m not lazy — I’m just a little low on the learning curve…

Thanks,

Mike