Tagged: search icon
-
AuthorPosts
-
July 26, 2016 at 1:51 pm #665317
Hi guys,
Quick question. Couldn’t find a solution anywhere else on the forum.I’ve changed the position of my search icon so it sits next to the social icons on my front page. However, I can’t seem to get the z-index right. The search icon keeps staying “below” the social icon bar even if I set the z-index to 9999.
Also, if I try to change the left/right position of the search icon to i.e. left: 75%; then it completely dissapears off the screen? I need it to be directly next to the LinkedIn logo.
Screenshot attached.
Here’s my Quick CSS code Ive used/*Search icon location in */ #top #menu-item-search { top: -85px; } #header_main { position: relative; z-index: 999; }
What am I doing wrong here?
- This topic was modified 8 years, 5 months ago by Dbertelsen.
July 26, 2016 at 1:57 pm #665327Hey Daniel,
Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
Screenshots does not display correctly. Please use imgur.com or dropbox instead.
Best regards,
AndyJuly 26, 2016 at 2:08 pm #665333Link and login provided in private content :-)
- This reply was modified 8 years, 5 months ago by Dbertelsen.
July 27, 2016 at 1:47 pm #665729Hi Andy. Did you get a chance to check it out?
July 28, 2016 at 6:19 am #666057Hi,
It appears you found a way to fix this? Please check the screenshot below it look good to me.
Let us know if you need any help.
Best regards,
VinayJuly 28, 2016 at 10:46 am #666107That’s right – I found a way :) Thanks though – I have another question where I need your help.
How can I make the search box show by default? My boss wants the following (don’t ask me why):
1) Linkedin icon should be replaced by the actual linkedin logo (blue/white I guess), and should be below the stock ticker and clock. I suppose I need to create a new header widget and fix the positioning?
2) He also wants the search box to appear by default and also be shown below the clock, stock ticker and linkedin logo.Now, for this to be possible, I believe I need to make the search box “smaller”/slimmer, and place it in a header widget so that I have 4 header widgets as such (from top to bottom):
1: Clock
2: stock ticker
3: Linkedin logo (link to their LinkedIn page)
4: Search boxAll these have to be stacked, each on a new line, but in the same right-position as the current clock and stock ticker.
Do NOT ask me why he wants this – I think it looks shitty, messy and overall unprofessional – but whatever he wants.See the screenshot for clarification.
EDIT: Cant make screenshots work – even though I’m linking to dropbox.
- This reply was modified 8 years, 5 months ago by Dbertelsen.
July 28, 2016 at 11:59 am #666141Update: I’m gonna convince my boss that it will be too clumsy having four widgets in the header corner.
Instead, how can I put the search icon/box at the end of the main menu?July 28, 2016 at 2:06 pm #666239Hi,
To add a search bar to main menu a menu should be set as Enfold Main Menu on Appearance > Menus panel (Which i think you already have).
Please refer to Yigits post here https://kriesi.at/support/topic/search-bar-in-header/#post-350102Best regards,
Vinay -
AuthorPosts
- You must be logged in to reply to this topic.