Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 25, 2013 at 6:30 am #192790
    jmikhail

    Hi,

    I am trying to work with this header on Enfold but it has become extremely frustrating. I am trying to bring my old website onto enfold in a similar layout.

    My old site header: https://www.evernote.com/shard/s77/sh/a3712add-feaa-4b75-be27-a4cd97fce829/8b0b8500ebb98a8ad148cd2fe76973b4

    My header right now under enfold: https://www.evernote.com/shard/s77/sh/6a62949a-ed26-42f7-a0fb-896a5c5d11e5/a09f2d943f3475df6f35efc189b39eb5

    I have the header set to: “Header with social icons and bottom navigation”. I figured I could just remove the social icons and then implement the background image and have a bottom navigation header. My issue is the bottom navigation is looking awful because of the height of the bottom navigation. I’d like to be able to put in a bigger background image at the top (which I didn’t do yet) then have a nice bottom navigation.

    Just look at the old site header and hope you can help me tweak this to make it similar. My site is offline at the moment so I don’t have a url to share.

    This is my quick css coding:

    #top .social_bookmarks { display: none; }
#header_meta { display: none; }

#header_main .container, .main_menu ul:first-child > li > a {
height: 120px  !important;
line-height: 120px  !important;
}

    Thanks for your help.

    November 25, 2013 at 7:07 am #192793
    jmikhail

    I figured it out was also able to swap the header image with something better.

    https://www.evernote.com/shard/s77/sh/ecbb6410-c0a5-4cf1-bf75-76330b4ade36/41079980d78e39da88ad847b396b9f82

    Had to tweak the Quick Css code to this:

    
#top .social_bookmarks { display: none; }
#header_meta { display: none; }

#header_main .container, .main_menu ul:first-child > li > a {
height: 161px  !important;
line-height: 161px  !important;
}

#header_main_alternate .container, .main_menu ul:first-child > li > a {
height: 40px  !important;
line-height: 40px  !important;
}
    November 25, 2013 at 3:12 pm #192934
    Yigit

    Hi!

    Glad you figured it out! Let us know if you have any other questions or issues

    Regards,
    Yigit

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Issues with Bottom Navigation during a Header Resizing’ is closed to new replies.