Search Results for 'mobile menu'

  • In reply to: Responsive issue

    Mirela
    Participant

    Hello,

    I checked the site in mobile (Samsung S6 and Iphone 7) and this is the responsive view: https://postimg.org/image/vbvnhza7b/
    You can change the logo size and position for mobile by adding this css into your Additional Css menu:

    @media (max-width: 480px){
    #logo img {
        height: 90px !important;
        margin-top: -55px !important;
    }}

    This will be the result: https://postimg.org/image/mtm7dzbhz/
    But you can change the values to your wish.

    Best regards!

    In reply to: Center the button

    Mirela
    Participant

    Hello,

    In the button’s Column options > General > Horizontal align, it was selected “left“. I set it to “middle” (screenshot) and now the button is centered. Please clear cache and refresh page.

    -The desktop and mobile layout use different css. You need to set up theme correctly for the logo to appear. In the home page’s General Settings > Header Color (scroll down the page options), the light version of header was selected. That’s why the logo was the white version and so was the menu items font color.
    I changed it to dark and now the header is visible again.

    -To add the categories filter bar, just add the portfolio element in a page. In the element’s option’s set the filter on. See screenshot: https://postimg.org/image/n08mpb87r/
    Example page here: https://www.votre-motion-designer.com/portfolio/
    Let us know.

    Best regards!

    grouchingtiger
    Participant
    This reply has been marked as private.
    Mirela
    Participant

    Hello,

    This is very strange. Please check this screenshot of your site taken from an iphone 7 device: https://postimg.org/image/p8ba2stdz/
    So far i have checked your site from iphone/samsung/ipad devices (not browser mobile simulation), and i can see and open the menu without any issue.

    PS:You need to update theme. The latest version is vs 1.5. It’s very important to keep an up-to-date in order to avoid any issues.

    -You can check out the documentation on this procedure in this section: https://codeless.co/june/documentation/#update-theme
    https://codeless.co/june/documentation/#update_info

    Let us know.

    Best regards!

    Mirela
    Participant

    Hello,

    Please add code into your into your Additional Css menu to make cart and wishlist icon white in mobile:

    @media (max-width:480px){
     .extra_tools_wrapper .tool i {
        color: #fff !important;
    }}

    PS: Thank you for your rating. it’s very important for us!

    PSS: Please open new ticket for future questions.

    Best regards!

    Mirela
    Participant

    Hello,

    I can see the menu is visible in mobile, please see screenshot: https://postimg.org/image/dtmkfiz7r/
    https://postimg.org/image/tf3vzidqv/

    Please check and let me know.

    Best regards!

    grouchingtiger
    Participant

    Hello,

    This helps very much, thank you.  However, between 1150 and 979 px width, while we see the mobile menu, the header does not yet appear above the slider/header background image.  At 979 px and below the white header appears above the slider or header background image as expected.  Is this something that can be fixed with custom CSS?

    Thanks.

    Bels_06
    Participant
    This reply has been marked as private.
    Mirela
    Participant

    Hello,

    Please add this code into your custom css box:

    @media (min-width: 979px) and (max-width: 1150px){
    #navigation { display: none !important;}
    .mobile_small_menu { display: block !important;}
    #logo img {margin-left:100% !important;}
    }

    Let us know.

    Best regards!

    grouchingtiger
    Participant

    Hello.

    This is something we would like to do.  The link to the site is https://www.axiom4.com/. It looks like in order to prevent the main menu from wrapping, we’ll need the mobile menu to show up at a width of 1150 pixels.

    Thanks.

    Mirela
    Participant

    Hello,

    There is no option for this. The max width of the screen where the mobile menu is set to start showing and that of desktop to hide, is set up in the code.
    You can modify this using custom css. I can send you the code, but i need to see a link of the site first. In what screen width do you want to mobile to start showing?

    Let us know.

    Best regards!

    zapatoagil
    Participant
    This reply has been marked as private.
    Mirela
    Participant

    Hello,

    1-The hamburger menu is there but the color of the bars is white and that is why you do not see it. I changed that to black with custom css. i Added this code:

    .cl-mobile-menu-button.cl-color-light span {
        background-color: #303133 !important;
    }

    2-Where is the word “Commercial” located? Can you post a screenshot of it?
    3-I added this code to fix all responsive issues:

    @media (max-width: 480px){
    	.cl-mobile-menu-button.cl-color-light span {
        background-color: #303133 !important;
    }
    	.cl_socialicon.cl-element.round {
        margin-left: -1px !important;
    }
    	.header_container > .main .header-el:last-child {
        margin-left: -36px !important;
    }
    }

    Result screenshot: https://postimg.org/image/j3gx63dif/
    Let me know.

    Best regards!

    Mirela
    Participant

    Hello,

    The menu is there in mobile but the font is black and that is why you do not see the menu items. Please add this code into your Additional Css:

    @media (max-width: 480px){
    .header_container.menu-full-style #navigation nav a {
        color: white !important;
    }
    }

    -Can you please be more clear on the desktop menu issue? I don’t understand well what is wrong..

    Best regards!

    Bels_06
    Participant

    Morning

    Please have a look at this image

    https://www.belsandpeter.com/images/mobile_errors.jpg

    1 – The hamburger menu is not showing up – how to make it visible?
    2 – what needs to be done for this word to be fully visible? The word is Commercial. It happens on other pages to
    3 – One of my social media buttons (email) has ‘fallen off’ – not showing

    Please help with these issues but I dont want my website to change.

    Also the slider on the homepage – the images are way to large and not showing correctly.
    Thanks
    Belinda

Viewing 15 results - 751 through 765 (of 1,362 total)