Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #279040
    bartvandriessche
    Participant

    Hi,

    I have a few questions regarding the settings on the home page:

    1. Is it possible to change the ‘sequence’/order of the elements that are on the home page? Now, on my website you have the page slider, projects and then a text (from top to bottom). I would like to change these elements, in the following order: page slider – text – projects.

    2. Is it possible to have a separate image for featured pages for responsive use (mobile devices)? Currently, the website looks properly on a laptop or desktop computer, yet on mobile devices the ‘featured images’ do not make sense at all. See attachment. You do not see any useful image.

    The settings for customizer –> theme options –> featured slider –> ‘mobile display’ does not give me the right result. I would like to have a different image for mobile devices. Is this possible with a simple custom CSS code?

    3. How can I remove the ‘search icon’ at the upper right corner of my screen? For my website it doesn’t make sense to have a ‘search icon’. I found several topics for this question, but the custom CSS code doesn’t work:

    #search-toggle {
    display: none;
    }

    4. I would like to delete the ‘dates’ when you hover over the project images. I just want to see the title. Is that possible?

    My website is: http://studiovandriessche.nl/

    Many thanks in advance.

    #279085
    Skandha
    Keymaster

    @bartvandriessche: Hello there,
    1. Section Sorter, the feature to change the order sections is only available in pro version of the theme. I suggest you to upgrade to pro. You can check out the additional-features available in the theme.

    2,3,4.
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    /* Slider Images in mobile view */
    #feature-slider-section .post-thumbnail img {
        object-position: center center;
    }
    
    /* To hide search in header right */
    #primary-search-wrapper, .mobile-social-search {
        display: none;
    }
    
    /* To hide dates when hovered over project images */
    #portfolio-content-section .entry-meta {
        display: none;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #279154
    bartvandriessche
    Participant

    Hi Skandha,

    Many thanks for your quick reply!

    3 and 4 work perfectly! The CSS code for 2, however, doesn’t change anything. I added the CSS codes, so you can see it as well, right?

    Thanks again.

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