Any suggestion how to center menu using stack:center

jarodocton · October 2015

Hello @muffingroup.

I added the following code, that was provided above, to my custom css:

#Header .menu > li { display: inline-block; float: none;}
#Top_bar .menu_wrapper { text-align: center; width: 100%; }
#Top_bar .top_bar_left { width: 100% !important; }
.header-stack #Top_bar .top_bar_right { display: none; }

Although the text stays centered for screen sizes less than 429 px, the text does not center between 430 px and 767 px.

Please see the following screenshot.

Can you help me make the text center for all screen widths?

Thanks!

Albert · October 2015

@jarodocton Url to site please.

jarodocton · October 2015

@Muffingroup

URL: http://jarodocton.com/

Thanks.

Albert · October 2015

@jarodocton Ok. So to center menu on mobile devices, please use below css:

#Top_bar #menu { width: 100% !important; }

jarodocton · October 2015

Thank you very much @Muffingroup!

Albert · October 2015

@jarodocton No problem

orvillevincent · November 2015

@muffingroup

I have exactly the same problem. The menu is appearing on the subheader level when i'm using the sticky header option. I disabled the search, flags etc. I've tried all the prior examples but nothing worked out fine for me. The url to the website i'm working on http://www.iambrosia.nl/

Thanks in advance

Albert · November 2015

@orvillevincent This has been finally fixed in recent version. So please update your theme to latest version and use "Stack: Center" header style.

orvillevincent · November 2015

@muffingroup

Thank you guys. It works fine AWESOME

Albert · November 2015

@orvillevincent You're welcome

bastun · January 2016

Hi, the url is kanontours.com. I downloaded and used the most recent version from themeforest but still the menu is on the left side. I deleted all custom CSS and hide the search button from the options. What could be the problem?

Albert · January 2016

@bastun No, it's not on the left what you can see on http://pasteboard.co/BRRHERI.png

michelleplayoust · April 2016

Hi - I am trying to have same effect as Beiphone above w centre stacked header then menu aligning to right of logo when scrolling down, however I cannot get the CSS working correctly. Please advise, my website is:

http://michelleplayoust.com/

thanks,

Michelle

Albert · April 2016

@michelleplayoust Please send us private message with dashboard to your site.

rostaman · September 2016

Hello what code i need to align logo with menu on one line to center my header. I use classic header.

Thank for help

Albert · September 2016

@rostaman Please send us link to page where you would like to do this first.

rostaman · September 2016

http://st-sophia.com.ua i need left logo margin be equal with margin right of last menu element (logo with menu be in center)

Albert · September 2016

@rostaman We are sorry but this is not possible unfortunately. The only thing you can do to keep same margin one sides is to align menu to the right side with included option under Theme options > Menu & Action Bar > Menu section.

mftpulido · November 2016

Hi, Is there anyway to center the menu? and make the logo disappear? a menu without a background color and without a logo, any suggestion please.

Thanks
Fayfay

Albert · November 2016

@mftpulido Please send us link to page where you would like to do these changes first.

threedogink · February 2017

Hi, how can I center the Menu links and set a full-width topbar for my BeTheme, and not have the links stack

threedogink · February 2017

http://sugarcreekcatering.com/

Albert · February 2017

@threedogink Please disable maintenance mode first so we can check your site. Or if you don't want to provide link publicly, please use contact form on the right at https://themeforest.net/user/muffingroup#contact

threedogink · February 2017

OK, I disabled maintenance mode. Thanks for looking into it....standing by

threedogink · February 2017

Would you like for me to publish on themeforest?

Bryan · February 2017

@threedogink

Did you try going to BeTheme Options>Header and changing the layout style of the header?

threedogink · February 2017

Yes I am on the header option I would like to use. I have one link in the header that stacks unless I go full-width, and in going to full-width my links are so spread out, so if I have to be in full width I'd like them to align center around my main logo, not all the way on one side of the page and the other.

thanks for your help

Bryan · February 2017

Please disable maintenance mode, we cannot see your site.

threedogink · February 2017

OK. disabled. sorry

Bryan · February 2017

Try using this custom CSS

.header-split #Header .top_bar_left .menu_right {
	text-align:left;
 }
 .header-split #Header .top_bar_left .menu_left {
    text-align: right;
}
#Top_bar .menu > li > a span {
	padding:0 10px !important;
}

Any suggestion how to center menu using stack:center

Comments

This website uses cookies