Hi @jloindubai,
Seems likely you haven’t yet enabled the new header layout that comes with font size option for the main menu among other extra options.
If you don’t want to switch to the new header layout, as inspected, you may want to try this CSS code:
#mainnav ul li a {
font-size: 18px;
}
Hope that helps.
Regards,
Kharis
Hi Kharis just out of interest where is the option to enable the new header layout I haven’t seen it at all, even though I have the very latest version of the Sydney theme.
I have added the code that you have included above to my additional CSS but there is no response. As I said in my original message in this thread it seems that my Additional CSS is not working as I have tried to ammend some of the other codes I already have in there and nothing is happening
@jloindubai I checked your site’s source code and found the custom CSS code contains an error that may need a fix when checking it with this tool: https://jigsaw.w3.org/css-validator/#validate_by_input.
Plese fix it first and run your test.
Regards,
Kharis
Hi Kharis I’m not quite sure what you want me to do here so I have inputted all my additional CSS into the validator link that you included above and I got the following result
View post on imgur.com
I have no idea what it means or what to do with it?
help
many thanks
Hi @jloindubai,
Thank you for getting back.
Please try replacing your entire custom CSS code with this, that contains a fix for the error mentioned by the tool.
.entry-content h1 {
font-size: 30px;
}
.widget_sydney_testimonials blockquote {
color: #47425d !important;
}
div.widget_sydney_testimonials div.customer div.name,
div.widget_sydney_testimonials div.customer div.name span {
color: #c29046 !important;
}
.page-id-3392 .entry-header {
display: none;
}
.page-id-1990 .entry-header {
display: none;
}
.page-id-1982 .entry-header {
display: none;
}
.text-slider .subtitle {
font-size: 32px;
}
.text-slider .maintitle {
font-size: 100px;
}
.text-slider .maintitle {
text-shadow: 2px 2px 2px #474747;
}
.text-slider .subtitle {
text-shadow: 2px 2px 2px #474747;
}
.menu-item {
text-shadow: 1px 1px 1px #474747;
}
.title-post.entry-title {
color: #c29046;
}
#mainnav ul li a {
font-size: 18px;
}
@media only screen and (max-width: 680px) {
.header-slider .text-slider .maintitle {
font-size: 32px;
}
.header-slider .text-slider .subtitle {
font-size: 20px;
}
}
@media (max-width: 780px) {
.panel-grid .panel-grid-cell {
margin-bottom: 30px !important;
}
.panel-grid .panel-row-style > div:last-of-type {
margin-bottom: 0 !important;
}
#mainnav ul li a {
font-size: 18px;
}
}
Let me know how it goes.
Regards,
Kharis
Hi Kharis I have replaced my entire Custom CSS with your code above. I have not noticed any change to my website and my menu is still shrunken and a different text to what it was before it shrunk.???
What do we need to do now?
thx
jlo
Hi Kharis you haven”t replied to my reply posted 4 days ago and I really need to get this sorted, I would really appreciate your help
thx
@jloindubai I am sorry for the delay.
As checked, now the CSS code works fine without error.
Perhaps there is a cache on your side that prevents the code update to take effect immediately until it gets flushed.
Regards,
Kharis
