TTP

How do you expect anybody to properly help you without a link?

Based on the preview of the Photolistic theme:

Open the style.css file in WP dashboard-Appearance-Editor

Find line 431:

#access .menu-header, div.menu {
    border-bottom-color: #aaa;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-top-color: #aaa;
    border-top-style: dashed;
    border-top-width: 1px;
    font-size: 13px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 60%;
}

Increase the percentage value of “width” selector.

If this is still not enough, find line 451:

#access a {
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    color: #999;
    display: inline;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: -1px;
    line-height: 38px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
}

Decrease the values of “padding-right” and/or “padding-left”. You can also decrease the values of “font-weigth” and/or “font-size”, although the readibility will worsen. Shortening the link titles can help, but you probably already knew this.

Where is the “main menu”, isn’t that the header menu?

Thanks, now it works.

I did it a little bit different though, so it works on every page:

.tablepress img {
	height: auto;
	margin: auto;
	max-width: 100%;
	width: 100%;
}

Is this possible with the table here?

Thanks, but doesn’t work.

Regards

If you want to change the white color of the lines under the links in the menu:

Change “#fff” in line 101 to any color you like, using the html color names or hex codes as described above. Don’t change into red, the red line under a link is indicating you are on that page.

Yes.

Again change line 97:

.main-nav { font-family: 'Lato', Helvetica, Arial, sans-serif; font-weight: 900; text-transform: normal; background-color: #659043; }

to:

.main-nav { font-family: 'Lato', Helvetica, Arial, sans-serif; font-weight: 900; text-transform: normal; background-color: #659043; margin-bottom: 10px; }

Of course you can change “10px” to any amount you like.

You’re welcome.

Suggestion (if you like):

Replace line 98:

.main-nav li { float: left; position: relative; }

with

.main-nav li { float: left; position: relative; margin-left: 10px; }

Go to WP Dashboard-Appearance-Editor

Open style.css file
Find line 97:

.main-nav { font-family: 'Lato', Helvetica, Arial, sans-serif; font-weight: 900; text-transform: uppercase; }

Replace with:

.main-nav { font-family: 'Lato', Helvetica, Arial, sans-serif; font-weight: 900; text-transform: uppercase; background-color: blue;}

If you don’t like that blue you can choose other html color names:

https://www.w3schools.com/html/html_colornames.asp

You can also use Color Hex Color Codes or RGB codes:

https://www.w3schools.com/cssref/css_colors.asp

Which color do you want?

???

Can you give a link to the website where you are using the theme?

Actually, the logo is just a little bit to wide, now it is 277px wide, narrow it to 270px or less.

Try this:
Go to WP Dashboard-Appearance-Editor

open style.css file

find on line 736:

#header-links {
	float: right;
}

change into:

/* #header-links {
	float: right;
} */

find on line 746:

#header .header-links > ul > li a{
	color: #777;
	padding: 25px 20px;
}

change into:

#header .header-links > ul > li a{
	color: #777;
	padding: 25px 0px;
}

After you’ve done this use a narrower logo, about 200px wide, so the last link will line up.

Go to the style.css file.

Find line 280:

font: 12px/16px 'Open Sans', arial, helvetica, sans-serif;

And change it into this:

font: 12px/16px /*'Open Sans', arial, helvetica, sans-serif*/;

(So these values turn into css comments and are ignored by browsers.)

Or delete:

'Open Sans', arial, helvetica, sans-serif

(Don’t delete the semicolon!)