Search Bar Change & Change Location Bar Settings

This topic contains 10 replies, has 3 voices, and was last updated by  Sacha Buchanan 5 years, 8 months ago.

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

Open Support Ticket
  • Author
    Posts
  • #445596

    Sacha Buchanan
    Buyer
    Post count: 48

    Hi there.
    Please look at the attached Pictures.

    1. In my search bar at the top of my site – The Select Catagories does not fit into the block. The block is very small.
    Can I take that Select Catagory block out as in the What are you looking for acutually brings up the catagories when you type.

    2. The Change Location Tab at the top.
    The “Country” Block does not fit the word Country in. How can I make it fit???

    Thank you

    #445635

    Kor
    Moderator
    Post count: 16516

    Hi Sacha,

    Thanks for your post. Let me try to answer your questions accordingly.

    1. The Category dropdown looks fine and I’ve attached a screenshot for your reference.

    2. Use the custom CSS code to fix it. Insert into GD > Design > Scripts > Custom Style CSS.

    
    
    .sd-common #primary-nav ul .sub-menu li a {
        padding: 3px 10px!important;
    }

    Thanks!

    #445996

    Sacha Buchanan
    Buyer
    Post count: 48

    HI there. On my side it does not look like that. I am using Firefox and it is all in one line squashed and not on 2 lines. Plese help

    Please see my screan shot

    #446013

    Sacha Buchanan
    Buyer
    Post count: 48

    Can you please help me take the SEARCH FOR (First Block out) I think then it will all fit.

    I put that CSS code in

    .sd-common #primary-nav ul .sub-menu li a {
    padding: 3px 10px!important;
    }

    It is still not working. I am not sure if I did it right. Can I give you my log in details to have a look please.

    #446014

    Sacha Buchanan
    Buyer
    Post count: 48

    I do apologise.

    I see the coustom CSS Code you gave me was for the Location Dropdown Menu.

    “Country is now fitting.”

    I apologies.

    BUT I still NEED the Catagory WORD to fit on the Search Bar. Can you help me with taking out the first block (Search for)

    Thank you
    Sacha

    #446059

    Kor
    Moderator
    Post count: 16516

    Hi Sacha,

    Thanks for your reply. I’ve checked your Website and I don’t see any issues with the Category Word. Check out the attached screenshot. Could you show us a screenshot of what you’re getting there?

    Thanks!

    #446238

    Sacha Buchanan
    Buyer
    Post count: 48

    Hi there.
    What browser are you using as Im using Firefox and the “Catagory” block in the search bar is all squashed and it is all in one line. NOT 2. I did put a screenshot above but here it is again.

    i have circled the catagory block in yellow.

    #446240

    Sacha Buchanan
    Buyer
    Post count: 48

    Hi again.

    I see in Chrome it is working on 2 lines. C Screenshot.

    Please I would like to take the “Catagory Block” out. Can you help me with that please.

    Thank you
    Sacha

    #446248

    Kor
    Moderator
    Post count: 16516

    Hi Sacha,

    Thanks for your reply. I’m able to see the issue now on Firefox. I’ll forward this to a developer for further assistance.

    Thanks!

    #446258

    dhaval
    Moderator
    Post count: 39

    Hello Sacha Buchanan,

    Can you please Insert below style on GD > Design > Scripts > Custom Style CSS and let us know how it goes.

    
    
    .geodir-loc-bar .geodir-loc-bar-in .geodir-search .gd-search-input-wrapper {
        width: 30% !important;
        min-width: auto;
        flex: 50 1 auto !important;
    }
    
    .geodir-loc-bar .geodir-loc-bar-in .geodir-search .gd-search-input-wrapper select{
    	-moz-appearance: none;
    	-webkit-appearance: none;
    	background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    	background-position: calc(100% - 20px) calc(1em + 10px), calc(100% - 15px) calc(1em + 10px), calc(100% - 2.5em) 0.5em;
    	background-size: 5px 5px, 5px 5px, 1px 2.5em;
    	background-repeat: no-repeat;
    	padding: 0 10px !important;
    	cursor: pointer;
    }
    #446273

    Sacha Buchanan
    Buyer
    Post count: 48

    Thank you it is working now on both Chrome and FireFox

    I appreciate it.

    Thank you for that.

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

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

Open Support Ticket