Full width Mobile Top Bar Icons

[Bridie Schmidt]

Bridie Schmidt

August 9, 2017 at 9:11 pm

Hi, I love your new Ascend theme, it is so flexible! Many thanks.

For this client we wish to use the Mobile Topbar Icons, but wish to show the title to indicate business type and also show two phone numbers. Unfortunately this does not sit well on screens smaller than 600px. We have an aged audience so also don’t want to reduce the font size too much.

I have added the following to my custom CSS to force full width:

@media all and (max-width:600px) {
.top-icon-bar-item {
min-width: 100% !important;
min-height: 48px;
text-align: center;
position: relative;
}
}

However each row sits on top of each other and I cannot find a way to force them (and the rest of the header) down

Please see *Login to see link