Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #666162

    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, 5 months ago by Dbertelsen.
    #666177

    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

    #666194

    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, 5 months ago by Dbertelsen.
    #666220

    Hi!

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

    Cheers!
    Yigit

    #666222

    LOL – sorry. Here you go

    #666229

    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

    #666336

    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” ?

    #666346

    Hey!

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

    Cheers!
    Yigit

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