Home Forums Porto Template Menu Bar

This topic contains 5 replies, has 2 voices, and was last updated by  Support2 6 months, 4 weeks ago. This post has been viewed 270 times

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #10025531

    shakeelmirza
    Participant

    I have used the gym demo to build website. I want to align the logo in the center and move the menu bar under the logo. Can you please help me to achieve this?


    #10025538

    Support2
    Keymaster

    Hello :),

    To achieve it, please change all HTML of header to:
    https://pastebin.com/raw/Pd7fk8zT

    Please, try that and let me know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10025549

    shakeelmirza
    Participant
    This reply has been marked as private.
    #10025552

    Support2
    Keymaster

    Hello,

    You can create a custom margin top class, for it add in (css/custom.css):

    @media(min-width: 992px) {
        .custom-mt-1 {
            margin-top: 5.5rem;
        }
    }

    * Test the best value for margin.

    Then, change the HTML of container to:

    <div class="container-fluid pt-5 custom-mt-1">......</div>

    Please, try that and let me know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10025953

    shakeelmirza
    Participant

    Can I display menu links in a colored bar that stretches to full screen?


    #10025958

    Support2
    Keymaster

    Hello,

    Sorry but i’m little confused with “that stretches to full screen”.
    Please, can you explain with more details ?

    Maybe this is what you wish:
    (css/custom.css):

    @media(min-width: 992px) {
        #header .header-nav-main {
            position: relative;
        }
        #header .header-nav-main:before {
            content: '';
            position: absolute;
            left: 50%;
            top: -5px;
            width: 100vw;
            height: 100%;
            background: #f4554d;
            transform: translate3d(-50%, 0, 0);
        }
    }

    Kind Regards,

    Rodrigo.


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