Break Action Bar to multiple lines in responsive view.

powerlogo · July 2016

Hello,

I am trying to modify the action bar so that it shows action bar slogan in to one line and phone & email in to another.line. Third line for social icons and fourth for the flag images. I have attached screenshots to explain.

Currently, this is how the responsive view of the action bar is:

http://imgur.com/klw1LW5

And this is how I want it to be:

http://imgur.com/gg4iR3x

How do I go on about doing it?

Thanks in advance!

Albert · July 2016

Hi,

what you ask for requires files customization what in reference to Item Support Policy is not allowed. So if you want to modify files and don't know how, you should contact with your web developer.

Thanks for understanding!

powerlogo · July 2016

Hello,

I was able to do this for responsive using Custom CSS under BeTheme options. You can take a look at www.hasrice.com . Except I am not able to center the translation flags. By any chance can you help?

Thanks!

Albert · July 2016

To center flags, please use:

@media only screen and (max-width: 479px){
    #flags ul { text-align: center;}
    #flags li { display: inline-block; float: none !important;}
}

powerlogo · July 2016

Thank you thank you thank you!! I have been driving myself crazy trying to figure out how to center it.. Thank you once again!

Albert · July 2016

You are welcome!

Break Action Bar to multiple lines in responsive view.

Comments