I can not make "Agama Pro theme" default.

[Zex]

Hello,

1. To have the sticky mobile menu, replace your code with the next one:

@media screen and (max-width: 994px) {
.sticky-header.sticky-header-shrink {
position: fixed !important;
}
nav.mobile-menu {
position: fixed!important;
width: 100%;
z-index: 4;
}
}

2.

To change the mobile menu icon size, use the next code:

.mobile-menu-toggle:after {
    font-size: 26px!important;
}

3.
The reason why your mobile menu doesn’t work is the header.php file you additionally inserted into your child theme folder. I have renamed it (to disable the codes in it)
https://prnt.sc/m5qdf3
and now your mobile menu works as expected.

The next thing I noticed is that you are copying modified files from the Agama-free theme. Agama-Pro theme works in a different way from Agama free theme. So you can not use files that you’ve modified for a free theme.
If you do, errors can occur.

You need to be very careful when changing the theme files (We are not responsible for the changes you make in your child theme)

Best Regards

• This reply was modified 4 years, 4 months ago by Zex.

[hi]

This reply has been marked as private.

[hi]

This reply has been marked as private.

[Zex]

Hello, hi!

Since you currently don’t use an Agama-Pro-child theme I can’t test the code on your website, anyway, the code should work.

Are you sure you didn’t make any typo?

Please, remove your old code related to the mobile sticky header, from the style.css, and insert (copy/paste) following codes instead :

@media screen and (max-width: 994px) {
.sticky-header.sticky-header-shrink {
 position: fixed !important;
}
nav.mobile-menu {
position: fixed!important;
width: 100%;
z-index: 4;
}
}

Also, you can insert this codes into Customizing->General->Additional CSS

https://prnt.sc/m685bt

Regards

[hi]

This reply has been marked as private.

[Zex]

Hello,

The mobile menu should remain on until you turn it off again.

Try to insert the top value into your code if you want to all menu links visible.

So your code should be like this: (change the “top” value per your needs)

@media screen and (max-width: 994px) {
	div.sticky-header.sticky-header-shrink {
		position: fixed !important;
	}
	nav.mobile-menu {
		top: 120px;
		position: fixed !important;
		width: 100%;
		z-index: 4;
	}
}

https://prnt.sc/m6ahu4

Regards

[hi]

Hello Zex!

Thank you for your code!

Your code fixed it!
Thank to you, now my problems are solved!
I love Agama Themes!

Thank you a lot!!

– hi

[Zex]

Thank you,

I’m glad I was helpful 🙂

[Author]

Posts