New Landing How can we help? Themeforest Theme Support Supreme menu item spacing & move search icon

Viewing 15 posts - 1 through 15 (of 34 total)
  • Posted in: Supreme
  • #230785
    itsthelifeuk
    Member
    Post count: 24

    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.
    #230827
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

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

    Thanks
    Mohammad

    #230832
    itsthelifeuk
    Member
    Post count: 24

    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.
    #230834
    itsthelifeuk
    Member
    Post count: 24

    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

    #230837
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

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

    #230838
    itsthelifeuk
    Member
    Post count: 24

    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.
    #230845
    itsthelifeuk
    Member
    Post count: 24

    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.
    #230855
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

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

    #230861
    itsthelifeuk
    Member
    Post count: 24

    hi,

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

    thanks

    #230881
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    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

    #230893
    itsthelifeuk
    Member
    Post count: 24

    Hi,

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

    Thanks

    #230907
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

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

    #230912
    itsthelifeuk
    Member
    Post count: 24

    Hi,

    Please try again

    Thanks

    #231103
    itsthelifeuk
    Member
    Post count: 24

    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.
    #231127
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    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

Viewing 15 posts - 1 through 15 (of 34 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register