[vichewordpress]

1. From the admin panel I know howto change colors, this one for exampel
▸ Color Options ▸ Primary Menu Color Options ▸ Menu Background color

But how do I set the color with some transparency? For example rgba(0, 0, 0, 0.6).

2. On my iPhone when i unfold the mobile menu i need to click each page twice and there also looks like there are some “on click” effect.
The menu also do not add a linebreak after each page.

3. When I’m from the admin panel choose ▸ Theme Options ▸ Layout Options ▸ Default Layout ▸ No sidebar (One column) it looks like it does not fit on my iPhone, to logo also looks like it it a little bit to the left rather than centerad.

Thanks in advance.

[vichewordpress]

1. Solved! I pasted this into custom css, but also remeber to remove the color set in admin panel by clearing the field.

.nav-primary {
background-color: rgba(0, 0, 0, 0.6);
}

[vichewordpress]

3. Solved! From the resulotion showed below (and lower resulotions) I change XXXpx to 95% instead. Hopefully this will not chrach anythins else.Pease let me know if this could be bad in any way.

@media screen and (max-width:600px) {
.site,
.no-sidebar.one-column .site {
width: 95%;
}

[vichewordpress]

The mobile menu (2) stills look and work like crap. Your live theme preview works great, but as soon as i uploaded the zip-file for pro it went out of control.

Thanks in advance.

[vichewordpress]

I took the code from inc/catchresponsive-menus.php from the free theme and pasted it into the editor in the admin panel, now the menu works fine.

But then of course i will loss the extra functions from the pro theme which Iäve paid extra for.

It seems like your live demo site is only version 3.0 and not 3.2?

Please advise.

[Sakin]

@vichewordpress: We are using latest version in demo page as well. Can you post in your site URL and let me know your issue in iPhone. As when I check in our demo at iPhone, it’s working fine.

[vichewordpress]

URL to the page: http://www.kokkonstenmatstudio.se/
This is a link to an image that shows the symptom. https://www.dropbox.com/s/3hvf80ixl4omahn/foto%202015-08-27%2015%2038%2056.png?dl=0

It looks like that on another site I’ve temporarly installed on another server as well.

[Sakin]

@vichewordpress: I see that you are using Default page menu that is why you have issue like that. We will fix this in new version update.

For now, you can edit file inc/catchresponsive-menus.php and find the following code:
return preg_replace( '/<ul>/', '<ul class="menu catchresponsive-nav-menu">', $ulclass, 1 );

Then replace it with:
return preg_replace( '/<ul>/', '<ul class="menu page-menu-wrap">', $ulclass, 1 );

[vichewordpress]

Thanks, I’ll try right away.

I now know what causes number 3, it is because I on my iPhone have a zoomed display.

https://dl.dropboxusercontent.com/u/14144737/Foto%202015-08-27%2019%2003%2017.png

https://dl.dropboxusercontent.com/u/14144737/Foto%202015-08-27%2019%2008%2027.png

[vichewordpress]

Thanks man! The menu looks a lot better, but I still need to click twice on each button.

One click just make it look “highlighted” or “pressed down”. 🙂

[vichewordpress]

On my iPhone that is, mobile view in the browser I only needs to click once.

[Sakin]

@vichewordpress: I check in your site form my iPhone and I just need to click on time. Did you wait for your site to load in phone first as I see large background in your site which might have hamper menu loading. Also for menu icon, it should be just single touch.

[vichewordpress]

The page is properly loaded before I try to click.

If I push harder it works fine, but if I gently touch the button in the menu it is just hightlighted and nothing happens.

Please try and see if you can do the same.

[vichewordpress]

I’ve noticed the button is only highlighted when I click the word, not the grey are beside.

[Sakin]

@vichewordpress: It’s just opposite to yours. When I touch with my thumb, it opens but when I press it will not. As press is pro highlight and touch is for open.

[vichewordpress]

When I did changes in inc/catchresponsive-menus.php the primery menu on desktop version becamo on two lines and not one line as it is suposed to be.

Please advice.

Thanks in advance.

[Sakin]

@vichewordpress: one more thing you need to change, you need to replace
wp_page_menu( array( 'menu_class' => 'page-menu-wrap' ) );

with the following:
wp_page_menu( array( 'menu_class' => 'menu catchresponsive-nav-menu' ) );

[vichewordpress]

Thanks alot mate! I’ll rate you as a five star! 🙂

[Sakin]

@vichewordpress: Thanks a lot 🙂

[Author]

Posts