Mobile Support for Business Hours

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

  • Author
    Posts
  • #497281

    Megan Kempf
    Full Member
    Post count: 21

    I’ve added CSS to my site to keep the Business Hours drop down open permanently, as provided here: https://wpgeodirectory.com/docs-v2/faq/common-examples/#gd_post_meta

    I’ve also used the CSS provided here to hide the days without open times: https://wpgeodirectory.com/support/topic/create-custom-fields-for-placessettings/#post-495423

    Both are working wonderfully except on mobile devices. The business hours are overlapping my next column. I don’t have issues with any other overlapping in mobile, so I’m assuming there’s some CSS overriding or missing. How can I make sure business hours are still mobile responsive after customization?

    #497293

    Megan Kempf
    Full Member
    Post count: 21

    Actually, I need to amend what I previously said: I do have other issues in mobile, so maybe it isn’t specifically related to the business hours CSS.

    I’ve customized the layout of my detail page, as detailed here: https://wpgeodirectory.com/docs-v2/faq/common-examples/#columns

    I love how it looks, but mobile view jumbles everything. As columns try to shrink, I lose information (email addresses are too long to fit in their container, etc.). Is there any way to make these columns stack upon mobile viewing? So that the three columns would layout in one column for mobile viewing? I’m thinking these may alleviate the business hours problem entirely as well.

    Thanks!

    #497295

    Kor
    Moderator
    Post count: 14176

    Hi Megan Kempf,

    Thanks for your post. Could you share the URL of the page in question? You might need more CSS to fix those issues. Also, please provide some screenshots from your end so that I know what you’re seeing.

    #497362

    Megan Kempf
    Full Member
    Post count: 21
    This reply has been marked as private.
    #497793

    Megan Kempf
    Full Member
    Post count: 21

    Hey there again – I just wanted to check in and see if there was any feasible solution. I’m fine with a bit more customization, but bottom line is that mobile has to work for us. So if I need to revert back to the default layout, I need to start making that transition now.

    Thanks again for your awesome help!

    #497803

    Kor
    Moderator
    Post count: 14176

    Hi Megan,

    You can use this custom CSS code below and see if it’s what you’re looking for.

    @media only screen and (max-width: 600px) {
      .column8675309 {
        float: none!important;
        width: 100%!important;
    }
    }
Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Mobile Support for Business Hours’ is closed to new replies, this may be for inactivity, please open a new topic if you have a similar question.