Horizontal padding between menu items

Comments

• Pablo

  June 2019

  Hi,

  Space between the menu items is not possible to change without touching advanced css.

  We provide CSS codes only for the simple tweaks.

  
  

  If you want to change the space between the logo and menu then you have to decrease the "Grid Width" value which can be changed in the Theme Options > Global > General

  http://prntscr.com/o1c03u

  It won't give very big effect, but it will be decreased.

  
  

  Thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• 0grifi2015

  June 2019 edited June 2019

  I've tried several css codes to reduce padding I've found in the support forums, but nothing worked.

  
  

  Unfortunately changeing the grid with doesn't help, it only makes my homepage a mess 
• 0grifi2015

  June 2019

  I've made the working css to reduce the menu padding on my own (it doesn't seem to be "advanced"):

  body .menu > li > a span:not(.description) { padding: 0 5px !important; }
  

  
  

  But I still need help with the space between the logo and the menu. Is there a way to change at least the horizontal alignment of the two parts of the split menu?
• Pablo

  June 2019

  It's making the whole website less wide, that's normal because you're chaning the "Grid Width" of layout which contains content of menu, header, body and footer.

  It will make the whole menu 'smaller' which will look like it's closer to logo.

  It's the only way to do that stuff without touching the CSS or customizing the theme files.
  

  
  

  As I said, it's not possible to decrease it easily, it will require a lot of css codes.

  We do not provide such advanced CSS code(this code you sent is surely advanced, with :not rule), only the simple ones like changing the color of certain element or hiding some stuff.

  
  

  Greetings
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• 0grifi2015

  June 2019

  Ok, thanks anyway.