Search listings button on mobile

This topic contains 8 replies, has 4 voices, and was last updated by  Alex Rollin 3 months, 2 weeks ago.

  • Author
    Posts
  • #505818

    jotomas
    Full Member
    Post count: 719

    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: 28816

    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: 719
    This reply has been marked as private.
    #506710

    Guust
    Moderator
    Post count: 28816

    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: 6307

    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: 719

    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: 6307

    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

    #511087

    jotomas
    Full Member
    Post count: 719

    Hi Kiran,

    Thank you very much for your reply.

    Yes, I know these ways to add custom CSS to the site. What I mean, is that I do not know how to specifically use CSS to move that button or that class and its parameters to adjust its style.

    If you could supply some example it would be very helpful.

    I will also try with the Microthemer CSS editor plugin that I have installed.

    I look forward to your news.

    Thank you very much once again for your help.

    Best regards.

    #511160

    Alex Rollin
    Moderator
    Post count: 24129

    There are many examples of styling buttons throughout the site, just use the search on the right hand side of the page.

    For custom styles on your site you should create your own CSS or hire a designer.

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

The topic ‘Search listings button on mobile’ is closed to new replies, this may be for inactivity, please open a new topic if you have a similar question.