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
  • 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.

    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.

    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

     

     

    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

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

Popular choice

Professional Developers At Your Fingertips!

If you need services beyond standard support, we've got your back!

Services we offer:

Demo setup
Advanced customization
Layout adjustment
Graphic work / visualizations
Custom coding
Full WordPress development and design

Services

What we can offer

  • Demo setup +

    If you'd prefer not to handle the installation yourself or need help getting started, we'll set everything up for you.

  • Layout adjustment +

    We'll help you rearrange sections, adjust spacing, and modify the page structure to fit your needs.

  • Advanced customization +

    More complex styling changes, theme option modifications, and third-party integrations.

  • Custom coding +

    If you need something that's not included in the theme, we can code it for you.

  • Graphic work / visualizations +

    Web design services to create custom sections, pages, and blocks for your theme, plus graphics and visualizations.

  • Full WordPress development and design +

    Full website builds, custom theme development, or plugin creation from scratch.

  • About pricing +

    We'll provide a clear quote based on what you need. No hidden fees.

Professional Developers At Your Fingertips!

Custom Work Form