New Landing › How can we help? › Atelier › Full-width header 9

Viewing 14 posts - 1 through 14 (of 14 total)
  • Back to forum
    Posted in: Atelier
  • June 26, 2015 at 1:40 pm #189098
    wtflovelife
    Member
    Post count: 113

    Is it possible to add some code to make the header option 9 full width? My site is full-width but I would really like to have the menu below the logo (option 9) and it looks really funny without a full-width header…. THANK YOU

    June 26, 2015 at 2:15 pm #189124
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    The header 9 is centred, so not sure what you mean about make it full width? It wouldn’t be any different

    – Kyle

    June 26, 2015 at 2:16 pm #189129
    wtflovelife
    Member
    Post count: 113

    Sorry – let me try to explain better. Header 9 has the navigation below the logo….but there is no option to make it full-width. Is there a header option that is full-width where I can have the navigation separate from the logo and below it?

    June 26, 2015 at 2:19 pm #189134
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Can you provide your link so I can see what you mean?

    – Kyle

    June 26, 2015 at 2:24 pm #189142
    wtflovelife
    Member
    Post count: 113
    This reply has been marked as private.
    June 26, 2015 at 2:36 pm #189150
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Add this to your custom css:

    .header-2 > header > .container, .header-2 > #main-nav-sticky-wrapper .container {
  width: 100%;
}

    – Kyle

    June 26, 2015 at 3:44 pm #189190
    wtflovelife
    Member
    Post count: 113

    PERFECT! Thank you SO much! 🙂

    June 26, 2015 at 3:50 pm #189194
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem 🙂

    July 7, 2015 at 2:39 pm #192431
    wtflovelife
    Member
    Post count: 113

    Hey – REALLY sorry to re-open this – but can you tell me how to apply the same thing to the footer and copyright?

    July 7, 2015 at 2:43 pm #192433
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Sure: 

    #copyright > .container {
  width: 100%;
}

    – Kyle

    July 7, 2015 at 11:44 pm #192572
    wtflovelife
    Member
    Post count: 113

    Thank you! Sorry – how about the footer area? I tried this: #footer.footer-divider but it’s not working. Thanks!

    July 8, 2015 at 7:49 am #192625
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    You don’t seem to have a footer on your site?

    – Kyle

    July 8, 2015 at 12:50 pm #192765
    wtflovelife
    Member
    Post count: 113

    Sorry! I hid it because my client kept asking me about the full-width! It’s back up now 🙂

    July 8, 2015 at 12:59 pm #192772
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Add this:

    #footer > .container {
  width: 100%;
}

    – Kyle

  • Back to forum
    Posted in: Atelier
Viewing 14 posts - 1 through 14 (of 14 total)

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

License required for one of the following items
Login and Registration Log in · Register