Sidebar mobile friendly

This topic contains 6 replies, has 2 voices, and was last updated by  fbernall 6 years, 4 months ago.

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

Open Support Ticket
  • Author
    Posts
  • #458816

    fbernall
    Expired Member
    Post count: 53

    I’m having a hard time with my directory being mobile friendly and it seems to be an obstacle for signing up. Details page sidebar is cut off and jams right to the content. I had hope for a better display. Any advice?
    Also the text on home page is hughe on mobile. If I turn the phone sideways looks better. But portrait not. But the sidebar is really my current concern. I’m using geotravel theme. Attached is a screenshot. Thank you in advance.

    https://filiformneedle.com

    #458896

    Kor
    Moderator
    Post count: 16516

    Hi fbernall,

    Thanks for your message. Could you share your WP admin access here in private reply so that we could troubleshoot this for you?

    Thanks.

    #458898

    fbernall
    Expired Member
    Post count: 53
    This reply has been marked as private.
    #458942

    Kor
    Moderator
    Post count: 16516

    Hi fbernall,

    Thanks for your reply. Try using the custom CSS code below and see if it helps.

    
    
    @media only screen and (max-width: 600px) {
      .single-gd_event .sidebar, .single-gd_place .sidebar,
    .single-gd_event .content, .single-gd_place .content {
        width: 100%!important;
    }
    }
    #458943

    fbernall
    Expired Member
    Post count: 53

    Yes. That did the trick! Question: why did that code need to be added to the css? Shouldn’t some kind of responsive code be there already? I thank you for the help very much..

    #458977

    Kor
    Moderator
    Post count: 16516

    Hi fbernall,

    Thanks for your reply. I only noticed it when I checked your Website using a Safari. It seems the browser doesn’t support “width: 100vh;” CSS as shown below. Will forward this to a developer.

    
    
    .single-gd_event .sidebar, .single-gd_place .sidebar{
        width: 100vh;
    }
    #458994

    fbernall
    Expired Member
    Post count: 53

    Thank you…

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

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

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount