Forum has been created to help all our customers in properly working our theme. We offer complete help with configuration theme and make default look, just like on our Be|theme demo. We don`t offer theme customization.


Before creating a new discussion, please:
1. Check on forum if discussion hasn`t been created before. Use the forum Search on the right.
2. Read carefully the documentation included to package.
3. If you didn`t find what you need and would like to post a new question click the "Start a New Discussion" button on the right.
4. You can post on forum only after registration (you need purchase code to register) .


NOTE!!! If you are starting a new topic and have got problems with your site and you want us to check what`s wrong please always give url to your site because without that we can`t check what`s wrong. Each case may be different because of your installed plugins, servers or other things.


IMPORTANT!!! Along with your inquiry, please attach the address of the page which concerns the question. This will cause the time to answer on your question will be much shorter. If you do not want to publish your address publicly in the forum, please send a private message. Thanks!

Center the sticky menu

Hi there :-)
I know i have seen a similar question anwsered a long time ago, but I can't find the post anymore.

My site is centered using the:
Simple style & Full with
Stack: Center

But when I am scrolling the Sticky menu goes to the left !

Anyone ? Any Ideas how to fix this

Most Respectfully
Monzterdk


Comments

  • My Custom CSS section looks like this:

    h1, h2, h3, h4, h5, h6 { font-weight: 300; }

    /* Footer */
    #Footer .widgets_wrapper { padding: 50px 0; }
    #Footer .footer_copy a#back_to_top { display: none; }
    #Footer .footer_copy .copyright { margin-bottom: 20px; text-align: center; width: 100%; }
    #Footer .footer_copy { background: #282828; }

    /* Content slider */
    .button-stroke a.slider_next, a.slider_prev { border: 0 none !important; }
    .button-stroke a:hover.slider_next, a:hover.slider_prev { background-color: transparent !important; }

    /* Top bar */
    #Top_bar.is-sticky a.button.action_button { top: 10px; }
    #Header .menu > li { display: inline-block; float: none;}
    #Top_bar .menu_wrapper { text-align: center; width: 100%; }
    #Top_bar.is-sticky .menu_wrapper { width: auto; }
    #Top_bar .top_bar_left { width: 100% !important; }
    .header-stack #Top_bar .top_bar_right { display: none; }

    /* Center the Menu */
    #Header .menu > li { display: inline-block; float: none;}
    #Top_bar .menu_wrapper { text-align: center; width: 100%; }
    #Top_bar.is-sticky .menu_wrapper { width: auto; }
    #Top_bar .top_bar_left { width: 100% !important; }
    .header-stack #Top_bar .top_bar_right { display: none; }
  • Hmm I've never actually noticed the redundance in the two sections
    I'm shaving the lines down so they only show once :-)

    like this :
    /* Top bar */
    #Top_bar.is-sticky a.button.action_button { top: 10px; }

    /* Center the Menu */
    #Header .menu > li { display: inline-block; float: none;}
    #Top_bar .menu_wrapper { text-align: center; width: 100%; }
    #Top_bar.is-sticky .menu_wrapper { width: auto; }
    #Top_bar .top_bar_left { width: 100% !important; }
    .header-stack #Top_bar .top_bar_right { display: none; }

  • Please sign in to see answear!
  • How can we remove the logo to make it center I dont use the logo anyway
  • Please sign in to see answear!
  • Hello,
    I am using a layout where the logo is not on the same line. Please, can you assist me in making the sticky menu centered?
  • Please sign in to see answear!
Sign In or Register to comment.