Action Bar - adjust text position

motomarketing · April 2016

URL: http://27diamondsla.com/

How do I push the text down in the
Action Bar so that it is more centered, without making the Action Bar
area bigger? I tried adding padding, but it makes the Action Bar area
bigger, which I don't want. As of right now, the text needs to be pushed down by about 5px.

See: http://screencast.com/t/rzshZ92n

motomarketing · April 2016

Also, how can I move the text to the right more, so that it lines up with my logo?

Albert · April 2016

Hi,

1. It is not possible to push this text down without adding additional area above the text.

2. To move the text to the right side, please use the following css:

#Action_bar .contact_details { margin-left: 20px !important; }

ejyheng · May 2016

How do we change the colour of slogan in action bar and make it bold? Thanks.

Albert · May 2016

#Action_bar .contact_details li.slogan { color: #000 !important; font-weight: bold !important; }

tracylea · May 2016

Hi,

I tried adding the above line of code to the CSS editor to make my text white and bold, but it didn't change.

www.CelebritySkinSalon.com

Thanks

Albert · May 2016

@tracylea The link you sent above to your site, does not work unfortunately.

tracylea · May 2016

Oh duh, sorry.

It's www.CelebritySkinStudio.com

Albert · May 2016

@tracylea Thanks for the proper link. However, as we can see, you don't have any slogan on your site so we do not understand what exactly you want to bold.

tracylea · May 2016

Hello,

2 things for http://www.CelebritySkinStudio.com

1. I want to change the font color of the phone and email in the action bar;

and

2. My menu is not working on her mobile site. I created a custom menu called mobile and tried to add it as the "main" menu, but it's still not working on her mobile site. I have attached the settings for responsive.

Thanks

Albert · May 2016

@tracylea

1. To change the colors of Action Bar elements, please check the following topic http://forum.muffingroup.com/betheme/discussion/409/changing-social-icon-and-action-bar-icon-colors where this has been already described.

2. Sorry but we don't get your 2nd question because we do not have an option to display different menu on mobile than on desktop.

tracylea · May 2016

The menu on the CelebritySkinStudio.com mobile site is not working.

Albert · May 2016

It works but there is no background and that's why menu items are invisible. To set background color for that menu, you need to use the following css:

#Top_bar .menu { background: #000 !important; }

tracylea · May 2016

ok, thanks I'll try that

Albert · May 2016

You're welcome!

tracylea · May 2016

I changed the top bar menu to black. It's working on the desktop, but the mobile menu is still not working and there's a big white area before the slider. Am I missing something else?

Thanks

tracylea · May 2016

Update: I created a custom menu called "mobile" and put it in the social media top position. That works except now there is a huge white space with the 3 little lines between the mobile menu and rev slider. How can I get rid of that?

Thanks

Albert · May 2016

But as we can see, it's mobile menu. Can you explain what exactly you want to do then? Remove the section of "mobile" menu where the icon of 3 lines is?

tracylea · June 2016

The 6 menu items under the phone and email is from the custom menu titled "mobile". That is what I want.

I don't want the 3 bars and extra white space below the mobile menu and above "Buy a Gift Certificate"

Albert · June 2016

Ok, so to remove whole Top Bar on mobile, you need to use an extra css:

@media only screen and (max-width: 767px)  {
    #Top_bar { display: none !important; }
}

tracylea · June 2016

Great! That worked, thank you.

Albert · June 2016

You are welcome

Action Bar - adjust text position

Comments