40% OFF EVERYTHING
BLACK FRIDAY SALE
Buy Now

Search listings button on mobile

This topic contains 8 replies, has 4 voices, and was last updated by  Alex Rollin 5 years, 1 month ago.

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

Open Support Ticket
  • Author
    Posts
  • August 31, 2019 at 7:28 am #505818

    jotomas
    Buyer
    Post count: 802

    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.

    August 31, 2019 at 8:40 am #505828

    Guust
    Moderator
    Post count: 29970

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

    Thanks

    September 6, 2019 at 6:09 am #506700

    jotomas
    Buyer
    Post count: 802
    This reply has been marked as private.
    September 6, 2019 at 7:46 am #506710

    Guust
    Moderator
    Post count: 29970

    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

    September 6, 2019 at 8:33 am #506716

    Kiran
    Moderator
    Post count: 7069

    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
    

		
	
    


    

			
				

    

	
    

		September 8, 2019 at 7:54 pm

		
		#507051

		
		
		
	
    


    


    

	
    

		
		
    jotomas
    Buyer
    
		
		
     Post count: 802
    
	
    

	
    

		
		
    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.
    

		
	
    


    

			
				

    

	
    

		September 9, 2019 at 8:07 am

		
		#507123

		
		
		
	
    


    


    

	
    

		
		
    Kiran
    Moderator
    
		
		
     Post count: 7069
    
	
    

	
    

		
		
    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
    

		
	
    


    

			
				

    

	
    

		October 1, 2019 at 2:40 pm

		
		#511087

		
		
		
	
    


    


    

	
    

		
		
    jotomas
    Buyer
    
		
		
     Post count: 802
    
	
    

	
    

		
		
    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.
    

		
	
    


    

			
				

    

	
    

		October 2, 2019 at 12:37 am

		
		#511160

		
		
		
	
    


    


    

	
    

		
		
    Alex Rollin
    Moderator
    
		
		
     Post count: 27815
    
	
    

	
    

		
		
    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.
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


		Viewing 9 posts - 1 through 9 (of 9 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