Tagged: 

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • June 9, 2015 at 6:35 pm #456850
    JC

    Hey guys,

    Trying to work on something else. I’d like to stretch the main menu the full width of the screen while giving each “cell” some additional padding (vertical and horizontal). Not sure what centering would look like, but if we can test that, I’d appreciate it!

    The only other thread I can find that has anything relative to what I’m going for is this thread (which has no effect):

    https://kriesi.at/support/topic/center-logo-and-menu-2/

    • This topic was modified 8 years, 10 months ago by JC.
    June 10, 2015 at 11:14 am #457104
    Josue

    Hey!

    Can you post a screenshot/mockup of what would you want to achieve?

    Best regards,
    Josue

    June 10, 2015 at 6:01 pm #457434
    JC

    Hey Josue. Hope you’re doing well.

    Yeah, I’d like to do something like nerdfitness.com, smartpassiveincome.com.

    Just make the menu spots a hair larger and a little more spread out. I’d assume you could do that with padding?

    If you notice, both sites have an image in the upper right hand corner (not sure if there’s code to put an image up there or not in Enfold).

    It’s just that right now I have a lot of empty white space at the top right hand side of the front page (newinceptions.com). Part of that could be filled up with a menu. And if we can get an image up there, that’d be great too!

    SPI Menu Image

    Nerdfitness Menu Image

    Thanks!

    June 12, 2015 at 12:02 am #458105
    Josue

    Hey!

    Use this code to increase the menu item size:

    @media only screen and (min-width: 989px) {
    .html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a {
        height: 50px;
        line-height: 50px;
        padding: 0 30px !important;
    }

    .html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child {
        height: 50px;
    }

}

    Regarding the banner, refer to:
    https://kriesi.at/support/topic/non-html-banner-ad-in-header-next-to-logo/

    Cheers!
    Josue

    June 23, 2015 at 11:07 pm #463694
    JC

    Hey Josue,

    Thanks so much for getting back to me so quickly. Sorry I wasn’t able to do the same for you. I tried your code for the menu item size. It’s “better”. But still not quite there.

    As I was traveling last week, I ran across this site: http://eliaskanaris.com/

    It looks like he’s using Enfold for his site? How would I make the adjustments he has for his menu and logo? Specifically the centering? Between your next response and the last, I’ll fiddle with it until I’m happy.

    Thanks!

    -JC

    June 23, 2015 at 11:16 pm #463699
    Josue

    Hey!

    Yes that site is using Enfold but it’s using UberMenu for the menu.

    Regards,
    Josue

    August 19, 2015 at 12:20 am #489773
    JC

    So is there anyway just to center the menu and the logo? I still feel there’s a lot of white space on the right of the page I’d like to do something about.

    August 19, 2015 at 4:25 am #489801
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .html_header_top #top .av_header_stretch .container {
    width: 100%;
}

    Cheers! 
    Josue

    August 19, 2015 at 5:46 pm #490274
    JC

    Hey Josue,
    Didn’t seem to do anything.

    Thanks.
    -JC

    • This reply was modified 8 years, 8 months ago by JC.
    August 19, 2015 at 10:05 pm #490418
    Josue

    Hey!

    Can you post a screenshot/mockup of what would you want to achieve?

    Best regards,
    Josue

    August 19, 2015 at 10:33 pm #490433
    JC

    Ideally I’d like something like this:

    Possible Redesign?

    Also, what’s the code to change the color of the font and background color of just the tabs (not the entire header with the logo)? Similiar to what’s in the picture.

    Thanks!

    August 19, 2015 at 11:27 pm #490459
    Josue

    Hi!

    Try selecting this setting in the Theme Option – http://screencast.com/t/UbiVBVJAoR

    Best regards,
    Josue

    August 19, 2015 at 11:35 pm #490462
    JC

    Hey Josue,

    That’ll work for now!

    As far as the color of just the tabs (font and background) is there way to modify that without changing the entire header background?

    Thanks!

    August 19, 2015 at 11:45 pm #490467
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #header_main_alternate, #top #header .av-main-nav > li > a{
    color: white;
    background-color: red;
}

    Don’t copy the snippet from the mail notification but from the forum reply.

    Cheers! 
    Josue

    August 19, 2015 at 11:49 pm #490470
    JC

    Awesome!

    I’m assuming I can match that “red” with a hex value that I use for the rest of the site, correct?

    August 19, 2015 at 11:53 pm #490471
    JC

    That does work!

    Thanks Josue. All I need for this topic!

    August 20, 2015 at 12:34 am #490488
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

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