Logo and action bar on Mobile

angelinedatu · November 2015

The logo and action bar doesn't appear responsive on mobile. I'm using text as a logo and I made the action bar size larger : http://mobt.me/G5Zl

Is there a way to show the action bar and text logo a little smaller on mobile?

Website is : http://www.dentisttemplestowe.com.au

Thanks!

Albert · November 2015

Hi,

to display Action Bar slogan on smaller devices, please use below css:

#Action_bar .contact_details li.slogan { display: block !important; }

But to display such big logo on smaller screens, you need to decrease it's size for smaller devices. And this can be done with below css:

@media only screen and (max-width: 767px) {
    .text-logo #logo { font-size: 20px !important; }
}

angelinedatu · November 2015

Thank you!

Albert · November 2015

You're welcome!

amkujava · December 2015

Hello, the CSS to display the Action bar slogan on smaller devices is not working for me. Have there been any updates?

Albert · December 2015

@amkujava No, there was no updates. If above css does not work, it means that you did something wrong on your side.

midhunjose · December 2015

Hi, I too just copy pasted the css in the custom css section. But as Amkujava said, not getting the slogan but only the numbers and email id. I've just installed the theme and started with the arrangements. So I don't think I've done anything wrong!

midhunjose · December 2015

BTW just noticed that the original post is just about action bar!! What I'm having is trouble displaying the slogan only!

midhunjose · December 2015

Corrected the problem. Please note amkujava and muffinsgroup.

The CSS code should be.

@media only screen and (max-width: 767px) {
    #Action_bar .contact_details li.slogan { display:block !important; }
}

Albert · December 2015

@midhunjose You're right. We forgot about display: attribute. Already changed. Sorry for this mistake and thanks for pointing this out.

midhunjose · December 2015

You're welcome

Kudos for this wonderful theme!

Albert · December 2015

Thanks

Logo and action bar on Mobile

Comments