Log in to support

Main Navigation Background to full width / center the menu

Landing How can we help? Themeforest Theme Support Flexform Main Navigation Background to full width / center the menu

Viewing 6 posts - 1 through 6 (of 6 total)
  • Posted in: Flexform
  • Post count: 46
    August 12, 2016 at 1:04 pm #287185

    Hello Support-Team

    I hope you have a good time and you are all doing well.
    I have two questions for you and I'm curious, if you can help me.

    A. I have create some custom CSS to center the main-nav.
    With Safari (Version 9.1.2) it works, but if I load the page with Firefox (47.1)
    or Google Chrome (52.0.2743.116) the main-nav moves to the left.
    I've searched the support-forum for an answer, but I didn't find any solution.
    I think I should change the code in the header.php but where and what, I have no idea.

    B. Is it possible to change the background of the main-nav to full screen width?
    Attached I send you a screenshot, what I exactly mean.The pink area on the left and the right side should be the same colour as the black background from the main nav.

    Following the CSS-Code:
    #header-section {
    padding: 0 0 !important;
    border: none;
    }

    #header-section {
    background: rgba(255,255,255,0.0);
    }

    #header-section #logo img, #header-section #logo img.retina {
    margin: 0 auto;
    width: 708px; /*adjust as necessary*/;
    }

    /* Full width logo code */
    #header-section #logo {
    width: 100%;
    }

    /* Full width menu code */
    #nav-section{
    width: 100%!important;
    }

    #nav-section {
    background: rgba(64, 64, 64, 1.0);
    max-width: 100%!important;
    margin: 0 auto;
    }

    .nav-wrap {
    float:center!important;
    align: center!important;
    }

    #main-navigation{
    float: center!important;
    width: 100%;
    max-width: 100%!important;
    text-align: center!important;
    }

    nav .menu li{
    float: center!important;
    }

    .nav-wrap{
    float: center!important;
    }

    main-navigation {
    text-aligtn: center;
    }

    Thank you very much for your answer.

    Kind regards
    Achim

    Attachments:
    You must be logged in to view attached files.
    Post count: 27441
    August 12, 2016 at 3:15 pm #287197

    Replies only viewable for logged in users

    Post count: 46
    August 12, 2016 at 3:32 pm #287198

    Replies only viewable for logged in users

    Post count: 20834
    August 15, 2016 at 10:53 am #287390

    Replies only viewable for logged in users

    Post count: 46
    August 15, 2016 at 2:47 pm #287445

    Replies only viewable for logged in users

    Post count: 20834
    August 15, 2016 at 2:54 pm #287447

    Replies only viewable for logged in users

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register