Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 7, 2018 at 4:49 pm #909285
    sjidesign

    Hi guys

    1.have the search magnifying glass on my header (http://www.sjidesign.com/hitek/?page_id=626) next to my social icons.
    I just need to make the magnifying glass larger so that it is the same size as the social icons.

    2.Also I do not require a logo on the main header, is there a way to remove the whole logo and remove the large spacing between the menu bar and the layerslider.
    At the moment I am just hiding the logo with
    div .logo {
    display: none;
    }

    Many thanks in advance

    Dan

    February 7, 2018 at 7:29 pm #909357
    Yigit

    Hey Dan,

    1- Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    #top #header .av-main-nav > li#menu-item-search > a {
    font-size: 30px;
}

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

    2- You have some other modifications on header. It would be easier for us to login and replace/remove some of your existing custom CSS code. If you do not mind, could you please create a temporary admin login and post it here privately so we can look into it?

    Best regards,
    Yigit

    February 8, 2018 at 5:29 pm #909868
    sjidesign

    Hi Yigit

    Thank you very much indeed, as always the support given by you guys is superb.
    I have created you a login in private area.

    Basically
    1. I do NOT need a logo on the site header.
    2. I would like the menu at the top left as in my existing site.
    3. I would like the social icons on the far right of the screen on the same line as the menu.
    4. The search icon should be next to the social icons and the same size.

    Thank you once again

    Regards
    Dan

    February 12, 2018 at 5:08 pm #911187
    Yigit

    Hi Dan,

    I adjusted your custom CSS codes. Please review your website :)

    Best regards,
    Yigit

    February 12, 2018 at 5:27 pm #911213
    sjidesign

    Hi Yigit

    FANTASTIC.

    Thank you very much. Looks absolutely perfectly.

    Only problem appears that the search magnifying glass has changed colour. It was blue #000099 with a rollover colour change to #00a1aa

    Regards

    Dan

    February 12, 2018 at 5:38 pm #911220
    Yigit

    Hi Dan,

    Please add following code to bottom of Quick CSS field

    
#top #header .av-main-nav > li#menu-item-search > a { 
color: #000099; 
}
#top #header .av-main-nav > li#menu-item-search:hover > a { 
color: #00a1aa; 
}

    Best regards,
    Yigit

    • This reply was modified 6 years, 9 months ago by Yigit.
  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.