menu item spacing & move search icon

[itsthelifeuk]

Hi,

I need to edit the spacing in between each menu item on the main menu navigation bar? so please could I have the code for that.

And also I’ve tried to have the search icon on the same level and it ends up under the main menu level (picture attached), anyway it looks better without it on that line but id like to move the icon (and keep how the search is conducted) but just move the icon to the the top navigation bar as it would be perfect there, nothing fancy so not too serious but I’ve tried coding the spacing between menu items and this myself but its a bit over my head. Please could you help

Thanks

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

nav .menu li a{
padding:8px 11px 9px !important;
}

Thanks
Mohammad

[itsthelifeuk]

Mohammad,

Great, works a treat but its killed the code I made to move the whole menu thing over to the left slightly,

I used:

#main-navigation {
margin-left:-5.5px !important;
}

it needs to be in line with the top of the revolution slider (pic attached) so can you code that too.

so aslo what about the search bar icon move?

Thanks

Attachments:

You must be logged in to view attached files.

[itsthelifeuk]

Mohammad,

Ignore last message as no need so all good now,

just the search bar icon movement to the top navigation bar code please.

Thanks

[Mohammad – SUPPORT]

Hi,
I am not able to see the search icon at home page.
Thanks
Mohammad

[itsthelifeuk]

Hi,

its on now but also now have another problem, the thickness of the top bar has gone all weird, see attached pics of what it used to look like before and look at website for what it looks like now

Thanks

Attachments:

You must be logged in to view attached files.

[itsthelifeuk]

Hi,

See attached pic of where id like it to go, made a quick edit in photoshop.

Thanks

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Do you want to move at black top bar menu?
Thanks
Mohammad

[itsthelifeuk]

hi,

yea want to move the search icon to the top black menu bar

thanks

[Mohammad – SUPPORT]

Hi,
Please open to edit header.php file.
Find this code:-
<div id="top-bar-social" class="four columns">

Change to:-

<div class="control-item">
	<a id="search-activate" href="#"><i class="icon-search"></i></a>
	<span class="tooltip aux"><?php _e("Search", "swiftframework"); ?><span class="arrow"></span></span>
</div>
<div id="top-bar-social" class="four columns">

Thanks
Mohammad

[itsthelifeuk]

Hi,

All that’s done is hide the social icons on the top black menu bar, take a look.

Thanks

[Mohammad – SUPPORT]

Hi,
I am not able to edit files through wordpress admin theme editor.
Thanks
Mohammad

[itsthelifeuk]

Hi,

Please try again

Thanks

[itsthelifeuk]

Hi,

looks like were almost there but still having problems with top bar black menu, have attached a picture of what it looks like, also once that’s sorted can we change the colour of the icon to white?

Thanks

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

#top-bar .menu > li > a {
    padding: 4px 10px !important;
}
#top-bar .control-item{
width: 0%;
float: left;
text-align: right;
margin-top: 4px;
}

Thanks
Mohammad