Homepage Customizations

This topic contains 3 replies, has 2 voices, and was last updated by  Kor 7 years, 6 months ago.

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

Open Support Ticket
  • Author
    Posts
  • November 14, 2016 at 9:25 pm #303554

    Terry Magee
    Buyer
    Post count: 10

    Hello,
    I am looking for some help formatting 2 items on our home page.

    1) I have included a screenshot showing a current screenshot for the search bar and in the after screenshot what I would like it to look like. I would like to move a section of the page up into the search bar box. I used the code inspector on firefox to find the items and I just changed the ordering but I don’t know what I need to do to make this permanent.

    2) I would like to have the near me and radius option to always be open or shown and not need to click on the button to see them. I have included a screenshot from the http://www.yellowpages.ca/ site in Canada to give an idea of what we want it to look like but we would like the radius to be available as well.

    Thank you!

    November 15, 2016 at 4:38 pm #304249

    Kor
    Moderator
    Post count: 16516

    Hi Terry,

    I’ll try to answer your questions accordingly.

    #1 Unfortunately, you can’t place a text widget into a widget. For this, we’ll have to use custom CSS to achieve what you needed there. Please the custom CSS code into GD > Design > Scripts > Custom Style CSS 

    

    #shortcode-widget-3 .textwidget {
    position: absolute;
    top: 220px;
    left: 250px;
}
    

    #2 Try using the custom CSS code below and see if it works. 
    

    

    .gd-dropdown {
    display: block!important;
}
    

		
	
    


    

			
				

    

	
    

		November 17, 2016 at 10:28 pm

		
		#305770

		
		
		
	
    


    


    

	
    

		
		
    Terry Magee
    Buyer
    
		
		
     Post count: 10
    
	
    

	
    

		
		
    Thank you for your help.  
    

    The first item displayed fine on a computer and tablet however it does not work for a mobile device.  Your answer gave me an idea.  I put a white background behind the text widget so that it would adjust to each device but then there was a gap between that background and the search bar background.  I added a white background for the whole background for that top section but now the home page main content and right side bar content are no longer lined up with the top section.  Ideally if I had just the background on the text widget and no space set between that widget and the search bar widget that would solve the left and right alignment issue.  Is that possible?
    

    For item #2 the drop down will open automatically for the near me options but it opens up at the very bottom of the page and not up by the button.  Only when I click on the button then it moves to the correct spot.  I tried to set the location to a set top and left but again like item #1 when you switch devices then it does not display properly. 
    

		
	
    


    

			
				

    

	
    

		November 19, 2016 at 4:28 am

		
		#306630

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Terry, 
    

    Thanks for your reply, I’ve just checked your Website using Google responsive inspector tool and your homepage looks fine on responsive views. Do you mind sharing a screenshot of how it looks like from your end?
    

    Desktop – http://prntscr.com/d94iew
    

    Mobile – http://prntscr.com/d94imq
    

    Tablet – http://prntscr.com/d94it9 
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


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


	


		
	





		
				

			

				

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

					Open Support Ticket