Menu and Actionbar on mobile version

mohojojo · December 2016

Hey,

i have a problem with the mobile version. If I minimize or view on mobile, my "Spenden" Button gets to the left side. I would like to place it in the middle.

In addition, the actionbar becomes white and you cant see the mail/phonenumber anymore.

My website is: www.aynouna.de

Greets

Albert · December 2016

Hi,

on mobile devices, right top bar goes below the menu and that's why button goes to the left side. What you can do is align the button center or right with Icons option under Theme options > Responsive > Header > Top Bar section.

mohojojo · December 2016

Thanks for the response. And what is about the Actionbar? It is white and you cant see neither the number nor the Mailadress.

Merry Christmas

Albert · December 2016

Ohh, sorry, we missed that part. To set same action bar background on mobile, please use the following css:

@media only screen and (max-width: 767px) {
    .header-classic #Action_bar, .header-fixed #Action_bar, .header-plain #Action_bar, .header-split #Action_bar, .header-stack #Action_bar {
        background-color: #2989e0 !important;
    }
}

BonfireStories · January 2017

Thank you for this, solves a problem I was having with it as well.

Albert · January 2017

You are welcome!

Menu and Actionbar on mobile version

Comments