Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 21, 2014 at 3:26 pm #307404
    Boston182

    Hey Kriesi Team,

    I’m using Enfold and have the Header set to Logo Left, Menu Below. My current work can be seen at http://www.tiffanytimmons.com/new

    My issue is that I would like the menu to be full width, but only to the width of the main content area. Also, I’d like the background color to stretch infinitely to the sides. I’d also like all of the words to be centered within their respective areas.

    An example of what I mean can be seen here: http://i.imgur.com/agGwvD8.jpg

    Can you please help me out? It’d be greatly appreciated.

    Thanks!

    August 21, 2014 at 3:32 pm #307407
    Yigit

    Hey Boston182!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (min-width: 1140px) {
.av-main-nav > li > a { padding: 0 38px; }}
@media only screen and (min-width: 990px) and (max-width: 1139px) {
.av-main-nav > li > a { padding: 0 29px; }}
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a { padding: 0 13px; }}

    Regards,
    Yigit

    • This reply was modified 10 years, 4 months ago by Yigit.
    August 21, 2014 at 4:36 pm #307430
    Boston182

    Hey Yigit,
    This looks much better! Unfortunately, it’s not exactly right. I’d like the menu to be the full width of the main content. Right now, it seems to be about 56 pixels or so short. This can be seen here: http://tiffanytimmons.com/new/programs/

    After we solve that, I’d still like the background color to extend infinitely on the left and right.

    Thanks!

    August 21, 2014 at 4:41 pm #307435
    Yigit

    Hi!

    1- I have updated the code i posted previously, please use it now. Please keep in mind that if you add/remove menu items, you are going to need to adjust padding values.
    2- 

    #header_main_alternate { background-color: #4e2a53; }

    Cheers!
    Yigit

    August 21, 2014 at 4:44 pm #307440
    Boston182

    Looks great, Yigit! Thanks for your help and your quick response!

    August 21, 2014 at 5:47 pm #307467
    Yigit

    Hey!

    You are welcome, glad we could help!

    Best regards,
    Yigit

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