Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 9, 2018 at 6:12 pm #983298
    kenshejoe

    How can I make my header spread across the width of the browser window? I’m using the stretched layout, but I can’t figure out how to make the logo float totally to the left and the social icon float right and make the navigation centered.

    Thanks

    July 10, 2018 at 4:36 am #983484
    Rikard

    Hey kenshejoe,

    Please try the following in Quick CSS under Enfold->General Styling:

    #header_main .container {
    max-width: 100% !important;
    padding: 0 !important;
}

    Best regards,
    Rikard

    July 10, 2018 at 7:26 pm #983781
    kenshejoe

    Thanks, that worked great.
    Ok, now my navigation is off centered. How do I center the navigation bar? I tried but it remains off centered.

    • This reply was modified 6 years, 4 months ago by kenshejoe.
    July 11, 2018 at 2:59 am #983959
    Ismael

    Hi,

    Thanks for the update.

    Add the following css codes.

    #header_main .main_menu {
    width: 100%;
}

#header_main .avia-menu {
    left: 50%;
    transform: translateX(-50%);
}

#top nav .social_bookmarks {
    position: absolute;
    right: 0;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.