Responsive header

This topic contains 3 replies, has 2 voices, and was last updated by  Kor 5 years, 7 months ago.

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

Open Support Ticket
  • Author
    Posts
  • #446811

    Ralph Morton
    Expired Member
    Post count: 13

    Hi there,

    Is there a way to make the header image of a listing in Supreme theme responsive.

    We have the following listing which looks great on desktop but the image text gets cut off when on mobile. Is there a way we can fix this?

    Also is there a way to remove the WP user circle that appears on the mobile version only?

    https://directory.businessmotoring.co.uk/places/united-kingdom/carlisle-cumbria/milbourne-street/leasing-broker/lakeland-fleet-management-ltd/

    #446822

    Kor
    Moderator
    Post count: 16516

    Hi Raplh,

    Thanks for your post. Try inserting the custom CSS code below into GD > Design > Scripts > Custom Style CSS and see if it’s what you’re looking for.

    
    
    @media only screen and (max-width: 600px) {
       .single-gd_place .featured-img {
            background-size: contain!important;
        }
        .sd.single.geodir-page .featured-area, .sd.sd-preview .featured-area {
            height: 10vh!important;
        }
    }
    #446941

    Ralph Morton
    Expired Member
    Post count: 13

    Thanks Kor, that worked.

    Also is there a way to remove the author profile on mobile (it only seems to show on mobile) Marked here on the attachment as number 2.

    #446961

    Kor
    Moderator
    Post count: 16516

    Hi Ralph,

    Thanks for your reply. It’s not there when I inspected it. Did you manage to figure it out yourself?

    Thanks!

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

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

Open Support Ticket