Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 26, 2016 at 1:51 pm #665317
    Dbertelsen

    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.
    Screenshot
    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, 4 months ago by Dbertelsen.
    July 26, 2016 at 1:57 pm #665327
    Andy

    Hey 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,
    Andy

    July 26, 2016 at 2:08 pm #665333
    Dbertelsen

    Link and login provided in private content :-)

    • This reply was modified 8 years, 4 months ago by Dbertelsen.
    July 27, 2016 at 1:47 pm #665729
    Dbertelsen

    Hi Andy. Did you get a chance to check it out?

    July 28, 2016 at 6:19 am #666057
    Vinay

    Hi,

    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,
    Vinay

    July 28, 2016 at 10:46 am #666107
    Dbertelsen

    That’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 box

    All 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.
    header mess

    • This reply was modified 8 years, 3 months ago by Dbertelsen.
    July 28, 2016 at 11:59 am #666141
    Dbertelsen

    Update: 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 #666239
    Vinay

    Hi,

    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-350102

    Best regards,
    Vinay

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.