Okay
  Public Ticket #1605708
Mobile menu & logo issues
Closed

Comments

  • tasha_cawood started the conversation

    Hi 

    I am having a couple issues that I need assistance with please:
    ~The logo on mobile menu (eg. iPhone smallest screen) seems to go too small when the menu is "active" - please see screenshot.
    ~On iPad the drop down menu does not work for some reason.
    ~The "make a booking link" that is on the bottom of the price list, please advise where I can set the link, as I cannot seem to find where to edit this, and if possible is it possible to remove this?
    ~On the home page (using theme 9), the 4 icons that has the "services" listed, even though I have set the links to the relevant pages it is not active and hence it cannot be clicked on for more info?


    Any advice on this would be greatly appreciated.

    Thank you

    Tash

  •  608
    WordPress replied

    Hi,

    1 Logo: You can add style css in child theme

    @media (min-width: 991px){
        header.header-v9 .logo-mobile img {
            width: 190px;
        }
    }
    @media (min-width: 767px){
        header.header-v9 .logo-mobile img {
            width: 120px;
        }
    }
    2: Dropdown Menu: I check it works normally. What do you check on the Ipad?

    3 Button link: You can goto Edit page -> Edit shortcode Barber Pricing Column


    4: You can update file barber_banner.php in plugins\barber-shortcodes\templates\barber_banner.php

    Thanks!

    Alex Vũ



  • tasha_cawood replied

    Hi Alex

    Thank you for your reply below.

    1. Logo.  The logo issue is on iPhone when you go to the menu (see attachment iphone-web-menu.PNG) - the logo goes so small that you can't see it.  The logo on iPhone on the site is fine (see attached iPhone-website.PNG).  Please see attached screenshot.

    2. Dropdown Menu iPad.  The dropdown menu does not appear, the downward arrow is there (see attachment ipad.png) but it does not dropdown like it does on desktop (see attachment desktop.png).

    I will put my third query on another post as I cannot upload more attachments here.


  • tasha_cawood replied

    3. BarBer Banner Settings.   If you look at the attachment "BarBer Banner Settings.png" you will see that there is an option for a link.  I have put the link in there and it is not working, it opens a lightbox instead, however there are no lightbox options here.  I know you send me the php file but I am not sure what needs to be changed if these options appear in the VC options box?  Please advise as to why these links are not working and opening in a lightbox instead?

    http://dev.vanitystudio.ca/

    Many thanks

    Tash

  •  608
    WordPress replied

    Hi,

    You can update the latest version of the theme. We updated it.

    Thanks!

    Alex Vũ


  • tasha_cawood replied

    Hi Alex

    I have done that and the logo when you activate the mobile menu on the iPhone still is very small.  It has not fixed it.

    The Logo is small on the main site and on iPad.  See attached screenshots.

    Please can you address this matter with some urgency as I have been dealing with this same issue for almost five months now and I cannot take the site live until this is resolved and my client is now beyond unhappy.

    Thank you





  •  608
    WordPress replied

    Hi,

    You can add style css in child theme:

    .header-v9 .header-logo img {
        width: auto;
    }
    @media (max-width: 767px){
        .header-v9 .header-logo img {
            width: 200px;
        }
        .logo-mobile img {
            width: 160px;
        }
    }
    Thanks!

    Alex Vũ



  • tasha_cawood replied

    Hi

    Unfortunately that did not work.  I don't think you are understanding what I have been asking.  It is the mobile logo that is set to be at 40px which is making it so small on the menu for the mobile...  This is the code that I ended up changing:

    v8 .logo-mobile img, .header-v9 .logo-mobile img {
        width: 40px;
    }

  •  608
    WordPress replied

    Hello,

    You have solved that problem.


    thanks!

    Alex Vũ