-
AuthorPosts
-
February 7, 2018 at 4:49 pm #909285
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 #909357Hey 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,
YigitFebruary 8, 2018 at 5:29 pm #909868Hi 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
DanFebruary 12, 2018 at 5:08 pm #911187Hi Dan,
I adjusted your custom CSS codes. Please review your website :)
Best regards,
YigitFebruary 12, 2018 at 5:27 pm #911213Hi 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 #911220Hi 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, 10 months ago by Yigit.
-
AuthorPosts
- You must be logged in to reply to this topic.