Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #242591

    Hope life is grand in Kriesi world :)

    I’m trying to complete a new design for a client, the idea came from another site i came across on the awards site. Here is the link http://phobiahz.fr The site is using the salient theme, but I’m sticking with enfold for life!

    Basically my question is in regard to firstly when you open http://phobiahz.fr the first thing you see is the slider/top section of the page. No matter how you change the size of the browser all you will see is this section. I have tried this on enfold but when i change the size of the browser it will start to show the next section of the site. How do i keep this from happening with enfold?

    My next question is in regard to background images. I have set a background, and then added an image with the them builder, the image is responsive but the background image does not change down with the image, it seems that the background image is not responsive? Would i need to use media queries to control the background image?

    #243211
    This reply has been marked as private.
    #243342

    Hey!

    You can do the same thing with the fullscreen slider. Edit the page then enable the Header transparency on the layout option, insert the Fullscreen Slider. Add this on Quick CSS to keep the header transparent on mobile devices:

    @media only screen and (max-width: 767px) {
    .responsive #top #header {
    position: fixed;
    }
    
    #header_meta {
    display: none;
    }
    }

    Try to set the background image to “Stretch to fit”. This will apply the background-size: cover; property on the background image.

    Best regards,
    Ismael

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.