Menu font colors are different on iPhone

mrhoni

I just finished some updates to my website and was viewing it on my iPad and my iPhone 6+.

I noticed on the iPhone that the menu colors are possibly black or my themes text color. They are not the gold color that shows on my Safari desktop and iPad.

What's happening?

mrhoni

Menu font color not displayed same on iPhone
I just finished some updates to my website and was viewing it on my iPad and my iPhone 6+.

I noticed on the iPhone that the menu colors are possibly black or my themes text color. They are not the gold color that correctly shows on my Safari desktop and iPad.

What's happening? Posted this in the Smugmug support, but hadn't received an answer.

denisegoldberg

I've merged your two identical threads.

mrhoni wrote: »

I noticed on the iPhone that the menu colors are possibly black or my themes text color. They are not the gold color that correctly shows on my Safari desktop and iPad.

It looks like a general phone problem with your site as opposed to an iPhone problem - I am seeing the same thing on your site with a Windows phone.

I don't know the cause of the problem but if anyone from smug is looking in here this can also be seen by looking at the site at http://quirktools.com/screenfly and selecting any phone as the display device. It is also seen on a tablet (again using quirktools/screenfly) when holding it in portrait mode.

--- Denise

mrhoni

denisegoldberg wrote: »

I've merged your two identical threads.

It looks like a general phone problem with your site as opposed to an iPhone problem - I am seeing the same thing on your site with a Windows phone.

I don't know the cause of the problem but if anyone from smug is looking in here this can also be seen by looking at the site at http://quirktools.com/screenfly and selecting any phone as the display device. It is also seen on a tablet (again using quirktools/screenfly) when holding it in portrait mode.

--- Denise

I already use that quirktools. I do see the black menu text on a phone but its gold text on iPad portrait on that tool when I check it out. However, on the iPad its showing the home page as it would on a desktop. I tried other tablet choices and it shows the mobile version. So it seems on the mobile version, the text is black vs the color I set in design.

pilotdave

mrhoni wrote: »

I already use that quirktools. I do see the black menu text on a phone but its gold text on iPad portrait on that tool when I check it out. However, on the iPad its showing the home page as it would on a desktop. I tried other tablet choices and it shows the mobile version. So it seems on the mobile version, the text is black vs the color I set in design.

I think you just need to add some code for the mobile menu. See if this does it:

.sm-accordion>.sm-accordion-item .sm-accordion-item-label {
color: #ECD78C!important;
}

Dave

mrhoni

Thank you so much Dave, that worked.