40% OFF EVERYTHING
Our 10th BIRTHDAY SALE
Buy Now

Mobile Support for Business Hours

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

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

Open Support Ticket
  • Author
    Posts
  • July 12, 2019 at 3:34 am #497281

    Megan Kempf
    Full Member
    Post count: 28

    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?

    July 12, 2019 at 4:42 am #497293

    Megan Kempf
    Full Member
    Post count: 28

    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!

    July 12, 2019 at 5:28 am #497295

    Kor
    Moderator
    Post count: 16516

    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.

    July 12, 2019 at 1:44 pm #497362

    Megan Kempf
    Full Member
    Post count: 28
    This reply has been marked as private.
    July 15, 2019 at 5:52 pm #497793

    Megan Kempf
    Full Member
    Post count: 28

    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!

    July 15, 2019 at 6:13 pm #497803

    Kor
    Moderator
    Post count: 16516

    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;
}
}
  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

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

Open Support Ticket