fa fa arrow on home supreme directory

This topic contains 12 replies, has 3 voices, and was last updated by  Alex Rollin 5 years, 5 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #449911

    Tania Perez
    Full Member
    Post count: 299

    Hi Guys!

    I´m using Supreme Drectory on my website, and testing it with some heat maps, I see that a lot of people don´t scroll down to the info.

    I tried reducing the size of the featured image, but then the search box on the home page doesn´t fit on mobile, it overlaps the info.

    So I have a few questions:
    1. Is it possible to reduce the size of the featured image of all of the pages, and do not affect the
    home page

    2. Or how do I adjust the position of the search box, so that if I change the size of the featured image, it doesn´t overlap the info

    3. If none of the above is possible, how do I add a fa fa arrow, like the one on home page, on every page.

    Thank you!!

    #449913

    Tania Perez
    Full Member
    Post count: 299
    This reply has been marked as private.
    #449934

    Alex Rollin
    Moderator
    Post count: 27815

    You can try this CSS in

    GeoDirectory – Design – Scripts – Custom CSS

    .single .featured-area {
    min-height: 250px;
    }

    Normally it is set to 350px.

    The CSS should sharing the featured area only on the detail pages.

    Let us now how it goes.

    #450149

    Tania Perez
    Full Member
    Post count: 299

    Hi Alex,

    It did, but the featured image on home page is still too big, is there a way to change the height of the home page alone?

    Thank you!

    #450153

    Kor
    Moderator
    Post count: 16516

    Hi Tania,

    Try using the custom CSS code below and see if it’s what you’re looking for.

    
    
    .sd-homepage .featured-area{
        height:60vh!important;
    }
    #450163

    Tania Perez
    Full Member
    Post count: 299

    Yes!
    Thank you Kor and Alex!

    🙂

    #450229

    Kor
    Moderator
    Post count: 16516
    This reply has been marked as private.
    #450350

    Tania Perez
    Full Member
    Post count: 299
    This reply has been marked as private.
    #450359

    Kor
    Moderator
    Post count: 16516

    Hi Tania,

    Thanks for your reply. You can use the custom CSS code below. Let us know how it goes.

    
    
    @media only screen and (max-width: 600px) {
        .header-wrap .entry-title {
            padding-top: 10px !important;
        }
        .sd-homepage .featured-area {
            height: 60vh!important;
        }
    }
    #450679

    Tania Perez
    Full Member
    Post count: 299
    This reply has been marked as private.
    #450690

    Alex Rollin
    Moderator
    Post count: 27815

    It looks like 100vh might work. Please give it a try and let us know.

    Don’t forget to clear the cache.

    #450778

    Tania Perez
    Full Member
    Post count: 299

    Hi Alex! It does, but it´s too big on web 🙂

    What I´m tryig to achieve is just reduce a little the size of the featured image on home page, so that users know there´s info under the featured image and they need to scroll down, and at the same time have the search box not overlaping the content below the featured image on mobile.

    85vh works perfect on web, but it´s too small on mobile, since the search box overlaps the info beneath the featured image, and above 85vh it´s too big on web.

    Is it possible to have web on 85vh, and solve the overlaping on mobile?

    Thank you!

    #450845

    Alex Rollin
    Moderator
    Post count: 27815

    The CSS kor provided is only for screens 600px and below. What size are you testing for when you say web?

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

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket