• Closed
  • Lukasz
    Spectator
    July 31, 2015 at 8:01 am #19427

    Hello,

    Few month ago I got information how centered main menu on the website. I forgot ask how make the same with sticky header. I still using header number 4.
    Old topick is here:
    Old topic
    Could somebody help me?

    Denzel Chia
    Moderator
    Posts: 2672
    July 31, 2015 at 8:26 am #19429

    Hi,

    Please post your website url.

    Thanks!

    Lukasz
    Spectator
    Posts: 45
    July 31, 2015 at 8:28 am #19430

    Helo Denzel

    http://www.resound-polska.pl

    Denzel Chia
    Moderator
    Posts: 2672
    July 31, 2015 at 8:49 am #19432

    Hi,

    In your Theme Options -> Custom CSS
    Please try the following codes,

    #sticky-nav {
    float: left !important;
    position: relative;
    left: 160px !important;
    }

    Screenshot of result. http://share.pho.to/9bq2T/cw/original

    Thanks!

    Lukasz
    Spectator
    Posts: 45
    July 31, 2015 at 9:24 am #19436

    Thanks Denzel.
    It works not perfect. When you change the size of page (for smaller) the menu is not centered. Also when you go for page for professionals: http://www.resound-polska.pl/dla-profesjonalistow/ In menu I have more categories and it also is displayed not correctly.

    Imran
    Spectator
    Posts: 403
    July 31, 2015 at 2:41 pm #19441

    Hi Lukasz,

    Thanks for writing in, if you wish to center the main menu in header for all screens sizes, so you can try the following code under your Custom CSS:

    #sticky-nav {
    float: none !important;
    position: static;
    left: auto;
    width: 739px;
    margin: 0 auto;
    margin-right: 16%;
    }

    Hope this helps!

    Thanks.

    `

    Lukasz
    Spectator
    Posts: 45
    July 31, 2015 at 7:17 pm #19447

    I want to have in all pages sticky menu in the center and in all screen sizes. Unfortunately your code doesn’t help.
    Below you will find screen how it look:
    http://pho.to/9bteQ
    Sticky menu still is not in the center…

    Denzel Chia
    Moderator
    Posts: 2672
    August 1, 2015 at 8:01 am #19461

    Hi,

    In my opinion, it’s not possible to have one solution for all screen sizes, and not possible to have one solution for different number of menu items. You need custom css for each issue and whenever you add any item, you will need to re-adjust all over again.

    For this page http://www.resound-polska.pl/dla-profesjonalistow/
    You can try out the following in Theme Options -> Custom CSS

    #sticky-nav ul li:nth-child(6) {
    margin: 0 0 0 60px;
    }

    Screenshot http://prntscr.com/7zig4f

    Due to the complexity of your customization request, I suggest you contact us for a customization quote via our service page https://theme4press.com/services/

    We can only provide simple Custom CSS solution on this forum.

    Sorry, that’s all I can help on this issue.

    Thanks!