[Skandha]

@greg20023: Hello there,

The link doesn’t seem to be using. Can you please check?

Kind Regards,
Skandha

[catwingz]

@Skandha the nameservers are now in the process of being reset. As soon as they resolve you will be able to see the website at https://johndmaddinart.com

Thank you for your help.

[Skandha]

@catwingz: Hello there,

To centre the Continue Reading buttons

Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.more-link {
text-align: center;
margin: 0 auto;
margin-bottom: 0px;
}

Let me know if this works out!
Kind Regards,
Skandha

[catwingz]

Hi Skandha,

While not my favorite button, it solved that problem. The site has launched now at https://johndmaddinart.com  He is very happy with it except I am noticing one new problem.

There are now enough items in the top navigation that on some screens the background grey for the links goes to a second line. This didn’t happen right away but sometimes the background is tall enough that it looks like it could hold three lines, and the page title becomes hidden. There is a possibility this is browser related but I’m not able to do a good test. Is there a fix for this (other than removing a link or two)?

Thank you

[Skandha]

@catwingz: Hello there,

Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.site-header-main .wrapper {
max-width: unset;
}

Let me know if this works out!
Kind Regards,
Skandha

[catwingz]

Hi Skandha,

I tried the code. I’ve left it in place for now but it doesn’t make any difference. Is there something else I can try?

Thank you

[Sakin]

Hi @catwingz:

Can you try adding the following CSS. This will reduce padding.

/* Adjust Header Navigation */
@media screen and (min-width: 64em) {
	.site-branding {
		margin-left: 0;
		margin-bottom: 5px;
	}
}
@media screen and (min-width: 75em) {
	.navigation-classic .main-navigation a {
		padding: 12px;
	}
	.menu-toggle-wrapper {
		padding: 8px 7px;
	}
}
@media screen and (min-width: 100em) {
	.navigation-classic .main-navigation a {
		padding: 20px 18px;
	}
	.menu-toggle-wrapper {
		padding: 15px 7px;
	}
}

Regards,
Sakin

[catwingz]

Sakin,

Much belated, but I added this code and it fixed the problem. Thanks to you both.

[Sakin]

Thanks for the confirmation @catwingz. Marking this topic as solved and closed.

[Author]

Posts