Tagged: 

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

    Hi guys,
    Quick question. I’ve moved the search box/icon to the header section, but it sticks to the right-hand side of the header. I need it to go at the end of my main menu (left-side). How can I do this?

    I’d love to post a screenshot, but for some reason I cannot post screenshots on this forum (neither via my own server; dropbox or imgur).

    My Custom CSS (found in another post) is as follows:

    /*Search box in main menu*/
li#menu-item-search a:after {
    content: ' Search';
    font-size: 13px;
}
    • This topic was modified 8 years, 3 months ago by Dbertelsen.
    July 28, 2016 at 1:03 pm #666177
    Yigit

    Hi Daniel!

    Can you please post the link to your website and and screenshots? You can simply upload them on imgur.com and share the links here :)

    Regards,
    Yigit

    July 28, 2016 at 1:25 pm #666194
    Dbertelsen

    Hi Yigit,
    Sure, I have provided the website information in the private section.

    Here’s the screenshot from imgur – as you can see, I need to move the searchbox/icon to the end of the main menu (and also be in-line and same font-size as main menu). Can you help me? :-)
    screen

    • This reply was modified 8 years, 3 months ago by Dbertelsen.
    July 28, 2016 at 1:39 pm #666220
    Yigit

    Hi!

    Can you please post the link to your website as well? :)

    Cheers!
    Yigit

    July 28, 2016 at 1:40 pm #666222
    Dbertelsen

    LOL – sorry. Here you go

    July 28, 2016 at 1:46 pm #666229
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .html_header_top.html_bottom_nav_header #top .main_menu .menu-item-search-dropdown {
    float: left;
}
li#menu-item-search a:after {
    font-size: 15px;
}
.html_main_nav_header.html_logo_left #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
    padding-right: 13px;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Then remove following code

    li#menu-item-search a {
    line-height: 32px !important;
    height: auto !important;
}

    Best regards,
    Yigit

    July 28, 2016 at 4:46 pm #666336
    Dbertelsen

    Cool, thanks Yigit!
    Now, for the last bit – do you know how we can make the search icon show a discreet search field and the text “Search” ?

    July 28, 2016 at 5:25 pm #666346
    Yigit

    Hey!

    Please post a screenshot and show the changes you would like to make?

    Cheers!
    Yigit

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