Return to previous page

Edit padding between main menu - by BAD311

This topic has 10 replies, 3 voices, and was last updated 9 years, 7 months ago ago by Robert Hall

BAD311

Participant

September 1, 2014 at 21:25

I’m having trouble finding the code to allow me to edit primary drop down menu for my website at: http://tinyurl.com/m6xzyut

It looks like I have a 24px and 27px padding between my menu options and the divider… I want to reduce this to 10px on each side of menu option in primary header menu where it says: Home Aviators Biker Camo Golfer Series Ladies Polarized Sports Metals Sports Wraps TR90 Sports Wraps Trendy

#14022 Copied

9 Answers
Robert Hall

Support staff

September 2, 2014 at 05:56
Hello,

Add this code into custom.css file.
```
.main-nav .menu > li {
padding: 0 9px;
}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#14029 Copied
BAD311

Participant

September 2, 2014 at 16:15

Robert, thank you. I enabled custom.css and pasted that code but it failed to correct the issue.

This is how my custom.css file appears:

.page-heading h1 {
display: none;
}

.main-nav .menu > li {
padding: 0 9px;
}

#14058 Copied

Jack Richardson

Support staff

September 2, 2014 at 17:10

Hello,

Please provide us with wp-admin and FTP credentials in Private Content.

Regards,
Jack Richardson

#14063 Copied

BAD311

Participant

September 2, 2014 at 17:47

Jack, just did! Thanks!!

Please, contact administrator
for this information.

#14068 Copied

Jack Richardson

Support staff

September 2, 2014 at 17:59

Hello,

Please provide us with rights to be able edit custom.css file.

Regards,
Jack Richardspn

#14071 Copied

BAD311

Participant

September 2, 2014 at 21:41

I just provided CHMOD 777 to that file. Try again 🙂

#14103 Copied

Robert Hall

Support staff

September 3, 2014 at 05:53

I’ve made changes in custom.css file. Check it, please.

Regards,
Robert Hall.

#14117 Copied

BAD311

Participant

September 3, 2014 at 06:02

Hello, Robert, that’s awesome!!

But what file was changed? I do not see that the custom.css was modified at all?

#14118 Copied

Robert Hall

Support staff

September 3, 2014 at 10:43

The problem was in custom.css code. I’ve replaced this icon >.

Regards,
Robert Hall.

#14138 Copied
Viewing 10 results - 1 through 10 (of 10 total)