Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • August 26, 2015 at 5:33 pm #65311
    vichewordpress
    Participant

    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.

    August 27, 2015 at 4:35 pm #65383
    vichewordpress
    Participant

    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);
    }

    August 27, 2015 at 6:16 pm #65386
    vichewordpress
    Participant

    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%;
    }

    August 27, 2015 at 6:17 pm #65387
    vichewordpress
    Participant

    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.

    August 27, 2015 at 8:10 pm #65397
    vichewordpress
    Participant

    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.

    August 27, 2015 at 10:26 pm #65410
    Sakin
    Keymaster

    @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.

    August 27, 2015 at 10:30 pm #65411
    vichewordpress
    Participant

    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.

    August 27, 2015 at 10:49 pm #65414
    Sakin
    Keymaster

    @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 );

    August 27, 2015 at 11:07 pm #65419
    vichewordpress
    Participant

    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

    August 27, 2015 at 11:13 pm #65420
    vichewordpress
    Participant

    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”. 🙂

    August 27, 2015 at 11:15 pm #65421
    vichewordpress
    Participant

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

    August 27, 2015 at 11:19 pm #65422
    Sakin
    Keymaster

    @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.

    August 27, 2015 at 11:25 pm #65423
    vichewordpress
    Participant

    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.

    August 27, 2015 at 11:31 pm #65424
    vichewordpress
    Participant

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

    August 28, 2015 at 7:34 pm #65491
    Sakin
    Keymaster

    @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.

    August 30, 2015 at 1:08 pm #65612
    vichewordpress
    Participant

    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.

    August 30, 2015 at 10:47 pm #65629
    Sakin
    Keymaster

    @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' ) );

    September 21, 2015 at 7:53 pm #67214
    vichewordpress
    Participant

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

    September 21, 2015 at 9:51 pm #67218
    Sakin
    Keymaster

    @vichewordpress: Thanks a lot 🙂

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Menu (color) Menu (on iphone) And one column width’ is closed to new replies.