Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Supreme › menu item spacing & move search icon
New Landing › How can we help? › Themeforest Theme Support › Supreme › menu item spacing & move search icon
- This topic has 33 replies, 3 voices, and was last updated 8 years by Mohammad – SUPPORT.
-
Posted in: Supreme
-
November 23, 2015 at 8:44 pm #230785
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.November 24, 2015 at 7:19 am #230827Hi,
Please use this custom css code:-nav .menu li a{ padding:8px 11px 9px !important; }
Thanks
MohammadNovember 24, 2015 at 7:35 am #230832Mohammad,
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.November 24, 2015 at 7:45 am #230834Mohammad,
Ignore last message as no need so all good now,
just the search bar icon movement to the top navigation bar code please.
Thanks
November 24, 2015 at 7:47 am #230837Hi,
I am not able to see the search icon at home page.
Thanks
MohammadNovember 24, 2015 at 7:52 am #230838Hi,
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.November 24, 2015 at 8:15 am #230845Hi,
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.November 24, 2015 at 8:30 am #230855Hi,
Do you want to move at black top bar menu?
Thanks
MohammadNovember 24, 2015 at 8:31 am #230861hi,
yea want to move the search icon to the top black menu bar
thanks
November 24, 2015 at 10:45 am #230881Hi,
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
MohammadNovember 24, 2015 at 11:16 am #230893Hi,
All that’s done is hide the social icons on the top black menu bar, take a look.
Thanks
November 24, 2015 at 11:54 am #230907Hi,
I am not able to edit files through wordpress admin theme editor.
Thanks
MohammadNovember 24, 2015 at 11:57 am #230912Hi,
Please try again
Thanks
November 25, 2015 at 1:01 am #231103Hi,
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.November 25, 2015 at 7:02 am #231127Hi,
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 -
Posted in: Supreme
You must be logged in and have valid license to reply to this topic.