Menu inside header image

Home Forums Flash Free Menu inside header image

Tagged: 

This topic contains 12 replies, has 7 voices, and was last updated by  abigailcaleb053 2 months, 1 week ago.

Viewing 13 posts - 1 through 13 (of 13 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

    #1320605

    itsallie990
    Participant

    Hi Nima, i don’t under stand what you say please you have any video about Transparent Header? I am new in this forum and provide Assignment Writing Service.

    #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 3 months, 1 week ago by  Nilan.
    • This reply was modified 3 months, 1 week ago by  Nilan.
    • This reply was modified 3 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

    #1324335

    abigailcaleb053
    Participant

    I had the same issue before i visited this post.
    IT Support in Dubai

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

You must be logged in to reply to this topic.