Tagged: 

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #456850

    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 9 years, 6 months ago by JC.
    #457104

    Hey!

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

    Best regards,
    Josue

    #457434

    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!

    #458105

    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

    #463694

    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

    #463699

    Hey!

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

    Regards,
    Josue

    #489773

    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.

    #489801

    Hey!

    Try adding this code to the Quick CSS:

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

    Cheers! 
    Josue

    #490274

    Hey Josue,
    Didn’t seem to do anything.

    Thanks.
    -JC

    • This reply was modified 9 years, 4 months ago by JC.
    #490418

    Hey!

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

    Best regards,
    Josue

    #490433

    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!

    #490459

    Hi!

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

    Best regards,
    Josue

    #490462

    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!

    #490467

    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

    #490470

    Awesome!

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

    #490471

    That does work!

    Thanks Josue. All I need for this topic!

    #490488

    You are welcome, glad to help :)

    Regards,
    Josue

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