Menu Buttom

(11 posts) (2 voices)

1. 

   samnasr
   Member

   Hi there im starting to design images to use instead of the text for my main menu on the header. what i realized is that i have too much spacing in between each menu image . is there something that i can do to make the spacing between each menu item less. maybe even no spacing? please advise.

   also i had to remove my home image menu because it was sliding under the logo when i added more link to my menu, anything i can do to move the logo to left or perhaps make my menu go the right.
   can you please give me a solution to each scenario:

   less spacing between each menu header item image
   move the log to the left
   move the menu more to the right

   https://ezchoicefinancial.com

   Posted 5 months ago #
2. 

   Elliott
   Support

   Hello samnasr,

   You can move the logo and menu around by adding this in Dashboard -> your theme -> General Settings -> Custom CSS,

   .logo { position: absolute; top: 0px !important; left: 0px !important; }
   #primary_menu { position: absolute; top: 0px !important; right: 0px !important; }

   And then play around with the top, left, and right values until they look good.

   Posted 5 months ago #
3. 

   samnasr
   Member

   Thank you Elliott for your patience, you have been a champ. as you can tell im a total noob when it comes to this web business, does any of those codes deal with the spacing between each menu item? if you go to the page you will see that there is too much space between Why Ez Choice menu and Sign up now, i want the menu items to be adjacent since im converting them all to images

   Posted 5 months ago #
4. 

   Elliott
   Support

   Try this,

   .jqueryslidemenu a { padding-right: 0px !important; }

   Posted 5 months ago #
5. 

   samnasr
   Member

   that didnt work, if i put a positive value for the padding-right it actually spreads them apart and if i put a negative value it didnt do anything no matter how high or low the negative value is. see the pictures . the other picture is an example of how i want my menu images to adhere o each other

   again thank you Elliott for your patience

   

   Attachments

   1. example_of_how_i_want_menu_spacing.jpg (45.9 KB, 1 downloads) 5 months old

   Posted 5 months ago #
6. 

   samnasr
   Member

   here is the current state of the menu

   

   Attachments

   1. example_of_how_i_want_menu_spacing.jpg (45.9 KB, 2 downloads) 5 months old

   Posted 5 months ago #
7. 

   samnasr
   Member

   sorry this is my current menu space between each item

   Posted 5 months ago #
8. 

   samnasr
   Member

   its not letting attach it , here is one more try

   

   Attachments

   1. menu_spacing_ezchoicefinancial_dot_com.jpg (49.2 KB, 2 downloads) 5 months old

   Posted 5 months ago #
9. 

   Elliott
   Support

   I don't see the line in your CSS. Are you sure you added it in the custom CSS section?

   Posted 5 months ago #
10. 

    samnasr
    Member

    i took it out ill add it back in a negative value cause positive spread it apart

    Posted 5 months ago #
11. 

    Elliott
    Support

    It needs to be set to 0 as seen in my post, http://mysitemyway.com/support/topic/menu-buttom#post-43170.

    You can also reduce it more by setting it like so,

    .jqueryslidemenu a { padding-left: 0px !important; padding-right: 0px !important; }

    Posted 5 months ago #

RSS feed for this topic

Reply

You must log in to post.