How to make Slider image extend into the header /menu

Home › Forums › Jevelin Theme › How to make Slider image extend into the header /menu

Home › Forums › Jevelin Theme › How to make Slider image extend into the header /menu

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    NOT RESOLVED Posts

  • jenniferlupton
    Participant

    Hi I can’t work out how to make the image from my revolution slider extend into the header/menu like shown on the jevelin site (screen shots attached), that then turns to white when you start scrolling down.  cheers

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Hi @jenniferlupton,

     

    Thank you for your question.

     

    You can create this transparent header as described in the following topic.

     

    https://support.shufflehound.com/forums/topic/transparent-header/#post-2187

     

    Best regards,
    Shufflehound team

    jenniferlupton
    Participant

    Thanks I have been able to get it to the top on non mac/in internet explorer.  But it still isn’t full screen on my mac in either safari, firefox or chrome.

     

    It also isnt taking up the full width in any browser/system.  I do have the page set to full width is there something else i am missing.

     

    see screenshot

     

    thanks

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Could you please share me your site URL where it’s happening so that I can troubleshoot it?

    jenniferlupton
    Participant

    Hi support dude,

     

    yep it is nourishingculture.com.  The header slider image is now extending right to the top on my mac…..I am having a heap of those weird not working….now working issues..not just with wordpress but everything electrical.

     

    But I still need help getting it to extend high to the edges

     

    cheers

     

     

    Shufflehound Support
    Moderator

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    #wrapper > .sh-page-layout-full #content.page-default-content {
    padding: 0;
    overflow: hidden;
}

    jenniferlupton
    Participant

    thanks heaps!!!

     

    Sorry for being an annoying, don’t really know what I’m doing person trying to build a website but….what is the trick to getting the slider image fill the whole screen to the bottom also?  It now goes all the way to the top and sides but the first lot of text can be seen before the user starts scrolling and it is very distracting from the header call to action text.

     

    cheers

    Shufflehound Support
    Moderator

    You can try changing its height as described in the following pages.

     

    https://www.themepunch.com/faq/unlimited-height/

    https://orionthemes.com/knowledgebase/how-to-change-the-height-of-revolution-slider/

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)