Action Bar & Mobile Menu (3 bars) icon Questions

imagemakerswi

Dear Support,

We have the Action Bar's styled with a black background, the phone numbers are colored white & phone icons are light blue or green colored. Everything looks fine until I resize to tablet/mobile view. Once I get to tablet/mobile view, the background of the action bar changes to white so you can't see.read the phone numbers. Lastly, on Site 1, the mobile menu (3 bars) icon overlaps our logo.

Site 1: 

Site 2: 

Let me know - thanks!

-CT

Albert

Hi,

please send us url to site where you got black background for action bar set and we'll have a look on it.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

imagemakerswi

The mobile menu bar looks fine in mobile/tab view now (I switched the logo) but how I can I decrease the size of when the mobile menu bar appears? I'd like it to appear near mobile sizes but keep the normal menu bar for desktop/tablet type of device-widths.

imagemakerswi

The URL's are http://69.162.134.193/~andersonheating & http://69.162.134.193/~hansonsplumbing

Albert

Ok. So to keep the background color on mobile devices, you must add !important for your declaration:

.header-classic #Action_bar, .header-plain #Action_bar, .header-stack #Action_bar {
    background-color: #2c2c2c !important;
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next