Search listings button on mobile

This topic contains 6 replies, has 3 voices, and was last updated by  Kiran 6 days, 1 hour ago.

  • Author
    Posts
  • #505818

    jotomas
    Full Member
    Post count: 678

    Hello,

    In the Map view, the “Search listings” button appears over the header logo (screnshot attached). Is this the normal behaviour or there could be some problem with Supreme or perhaps only with my site or my smartphone?

    I look forward to your reply.

    Thank you very much for your help.

    Best regards.

    #505828

    Guust
    Moderator
    Post count: 27442

    Can you please send us the URL of that page?
    And what devices and browser are you using?

    Thanks

    #506700

    jotomas
    Full Member
    Post count: 678
    This reply has been marked as private.
    #506710

    Guust
    Moderator
    Post count: 27442

    I can’t see that anywhere on your site. I am guessing you may be looking at a cached page. I’ll get someone else to have a look too just in case they can see what you see.
    Thanks

    #506716

    Kiran
    Moderator
    Post count: 5459

    Hi jotomas,

    This is not a bug. This happens with small screen devices especially on mobile devices when it switched to view map on archive pages. When switching to map on archive pages the “Search Listings” button moved on header because at that time whole content area is covered by map.

    You can adjust style of that button with following class.

    @media (max-width: 992px){
    	a#hideMap{
    	}
    }

    Kiran

    #507051

    jotomas
    Full Member
    Post count: 678

    Hi Kiran,

    Thank you very much for your reply.

    Ok, I understand. Do you think it would be convenient to implement some more elegant solution like, for example, leaving some space between the header and the map to show perhaps an smaller button?

    I do not know how to use that CCS. Could you give some example?

    Thank you very much once again for your help.

    Best regards.

    #507123

    Kiran
    Moderator
    Post count: 5459

    Hi jotomas,

    There are few ways to add custom css to the site.
    – Adding css in WordPress Backend > Appearance > Customize > Additional CSS.
    or
    – Adding css in child theme stlye.css file
    or
    – Adding css via 3rd party plugin. Ex: https://wordpress.org/plugins/custom-css-js/

    Let us know.

    Kiran

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

You must be logged in to reply to this topic.