Docs

[wai]

Hi,

http://www.mays.net.au

Just a few minor issues:

1. On my homepage, there is a point when I’m making the screen smaller. The logo doesn’t resize correctly before the menu turns in to a drop-down. See attached.

2. Can you give me some pointers for me to change the text styles within the mega-menu? Text size and color of each menu item, parent and sub-category. Plus, hover colors.

3. Referring to the 3 images directly below the slider on the homepage, the image is the middle is slightly bigger because of the way I have set the margins on the 2 images to the side of it. Is there a way to make it all even with equal margins all around?

Many thanks! 🙂

[Friech]

Hi There,

Thanks for writing in! #1 You can add this under Custom > CSS in the Customizer.

@media (min-width: 980px) and (max-width: 1040px) {
	.x-brand img {
    	width: 240px;
	}
}

#2 Feel free to change the values of this css code.

/*mega menu heading items*/
.x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a {
	color: blue;
	font-style: italic;
	font-size: 16px;
	font-family: cursive, serif;
}
.x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a:hover {
	color: green;
}

/*mega menu child items*/
.x-nav .x-megamenu .sub-menu a {
	color: yellow;
	font-size: 14px;
}
.x-nav .x-megamenu .sub-menu a:hover {
	color: orange;
}

#3 Please remove the custom paddings that you applied on the 1/3 columns, and then add a class phs on each one of those 1/3 columns instead.

Hope it helps, Cheers!

[wai]

All working well now, thanks!

[Thai]

You’re most welcome 🙂

[wai]

I just realized a problem with #2. The css only applies to desktop viewing. On mobile, the colors are wrong. COuld you please have a look?

[Rue Nel]

Hello There,

Thanks for updating in! To change the colors for mobile menu, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-navbar .mobile .x-nav ul {
    background-color: transparent;
}

.x-navbar .mobile .x-nav li>a {
    background-color: transparent;
}

Feel free to change the background colors if needed to match with your site design.

Hope this helps.

[wai]

Great thanks. All working now.

[Friech]

You’re more than welcome, glad we could help.

Cheers!

[Author]

Posts