Menu inside header image

Home Forums Flash Free Menu inside header image

Tagged: 

This topic contains 10 replies, has 5 voices, and was last updated by  Nima 10 months ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1320416

    cameroncollins1985
    Participant

    Hello

    My menu sits in a white space above the header image – see https://www.tasmaniancraftcellars.com.au. How do I put the menu inside the header image and remove the white space above it?

    Thanks
    Cameron

    #1320530

    Nima
    Moderator

    Hi cameroncollins1985,

    For this you have to make your header transparent.
    So, go to your page “Home” in back end where at the bottom right section set the Header Transparency as “Transparent Header” and check it.

    Thanks!
    ThemeGrill Support Team

    #1320608

    cameroncollins1985
    Participant

    Thanks for that Nima!

    #1320612

    cameroncollins1985
    Participant

    The menu is now looking good inside the header image, however there is a thin strip of white between the header image and the top of the screen, could someone please show me how to remove this?

    #1320752

    Nilan
    Moderator

    Hi cameroncollins1985,

    Can you please add the following CSS code to your custom CSS. This will remove white line below the header.

    .fusion-header-wrapper .fusion-header {
        border-bottom: none;
    }

    If there is anything else you need, please let us know.

    Regards,
    ThemeGrill Support Team

    • This reply was modified 10 months, 1 week ago by  Nilan.
    • This reply was modified 10 months, 1 week ago by  Nilan.
    • This reply was modified 10 months, 1 week ago by  Nilan.
    #1321149

    ericmurphy
    Participant

    Hi
    I’m trying to do the same thing, i.e. put my menu inside the header image (or better still, inside the slider image).
    I cannot see Header Transparency anywhere on the home page for this theme.

    #1321189

    cameroncollins1985
    Participant

    Hi Eric

    To select Header Transparency you’ll need to select an individual page, the Header Transparency option will be in the column on the right hand side, above the Featured Image setting.

    #1321190

    cameroncollins1985
    Participant

    Hi Nilan

    Thanks for your help. I entered the code:

    .fusion-header-wrapper .fusion-header {
        border-bottom: none;
    }

    into my custom CSS and the thin white bar still appears above the header image. Any ideas on other ways of making this white space disappear?

    Thanks
    Cameron

    #1321221

    rahul
    Participant

    It little bit hard to set menu inside header image. You can look example at Webdecorum

    #1321290

    ericmurphy
    Participant

    Hi Cameron
    That option is not available on Accelerate pro, or if it is it’s not where you suggest.

    #1321358

    Nima
    Moderator

    Hi cameroncollins1985,

    Please, provide us your site URL and we will have a detail look on it.
    And provide you a proper CSS solution.

    Thanks!
    ThemeGrill Support Team

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Menu inside header image’ is closed to new replies.