Search Results for 'mobile menu'

  • stephaniewting
    Participant

    Hi,
    How to change mobile menu (display icon) to a custom color?

    Thanks

    stephaniewting
    Participant

    Hi,
    It works.
    But something is still wrong with it, after I pasted this code, the logo and menu on all my other pages (beside homepage) on mobile view don’t work anymore!

    redapemedia
    Participant

    Using the Handel Lawyer theme.
    The hamburger toggle does not work upon first load. You can click the toggle button, and the css transition for the toggle fires successfully, however the menu stays hidden.

    The testimonials are also not aligned correctly on mobile due to the inline padding applied: padding-right: 10%; padding-left: 25%; The left padding being larger pushes the testimonials to the right.

    In addition to horizontal centering issues, the vertical centering of them is off as well. Navigation (if using arrows) is vertically centered based upon the largest testimonial inside the owl carousel. When using navigation dots, they are placed below the container which results in the navigation dots being pushed much farther down on shorter testimonials. Regardless, none of the testimonials are ever centered vertically relative to its container.

    These issues can be found on your demo.

    ibnsinaoptics
    Participant

    The Upper search bar cannot be used on mobile it hides under the iphone url part

    url:   https://www.ibnsinaoptics.com

    and the burger menu stopped working

     

    kylebenner
    Participant

    For some reason, on my site, the button on the mobile menu is actually 30px or so under the menu. How do I make it vertically centered with the logo and the hamburger icon?

    rspillberg
    Participant

    Hi,

    I wrote an email to [email protected] regarding this issue as the sidebar on this page (under “Support Renewals”) has instructed. I haven’t heard back in a coupole of days, so I am now trying this route.

    I have just purchased renewed support for the Specular Theme (Invoice ID: 064bf9ed535e439fa70e4adb67f62c). My original purchase code, from 23 March, 2017 is 0417c267-f08b-4d2f-bddb-3c95af0cf091.

    Here is a description of my issue:

    I’ve completely redesigned my website, and I’m just about to go live. I am using the Specular theme, and I’ve designed my pages with Elementor Pro. At the top of each page is a Revolution Slider (version 6). All of the pages look good to me, but when I check in the Tablet and Mobile views, the sliders are cut off with a white space at the top, and the menus are missing. I have messed around with the Header Height (in Header Options), but the only way I have been able to remove the white space in it’s entirety is to have the Header Height set to zero. That zero setting introduces two issues with the menu; in the Desktop view the menus become squeezed together into a bunch at the very top margin of the screen – totally unusable, and then in the Tablet and Mobile views, although the sliders are entirely visible, the menus do not appear at all. I have tried various Header Height settings with various Header Styles (the Header Style that I want to use is called “Menu Link Underline”), but with no fix found.

    Thanks in advance for your response.

    – Rich

     

    • This topic was modified 5 years, 4 months ago by rspillberg.
    stephaniewting
    Participant

    Hi, I have set Header Over Content (Transparent) to Transparent for my homepage. It looks fine on desktop viewing, BUT on mobile viewing, there is still a white background on my menu instead of transparent. How to change that?
    Thank you.

    Eldo
    Keymaster

    Hello,

    You can make that by adding this by Specular > General > Custom CSS Box:

    @media (max-width: 767px){
    .header_button {
        display: block !important;
        left: 7px;
        font-size: 12px !important;
    }
    }

    in case the issue persists you have to edit the file wp-content/themes/specular/css/bootstrap-responsive.css and find the line :

    @media (max-width: 767px)
    .header_button {
        display: none !important;

    replace with:

    @media (max-width: 767px)
    .header_button {
        display: none !important;

    Also about the menu, you have to add the lines below:

    @media (max-width: 1180px)
    #navigation {
        display: none !important;
    }
    
    @media (max-width: 1180px)
    .mobile_small_menu {
        display: block;
    }

    Regards!

    kylebenner
    Participant

    Also, we need the mobile menu to show from 0px wide to 1180 px wide.

    astrbac
    Participant

    Hi,

    I initially bought Specular theme for one of our clients and now some others wish to use it as well. Before recommending this to them, I tried setting up one of the websites using this theme. There seems to be something very wrong with the way that the mobile-responsive options work.

    Example page;

    Issue 1 – Mobile “hamburger” menu

    • if we enable mobile-style menu, all is well, both in desktop and mobile versions of the site;
    • if we enable “simple” menu style, overlay: YES, then desktop looks ok but on mobile white background shows up and their (white) logo becomes invisible;

    Issue 2 – Content centering issue

    • content on the hero slider cannot be centered both vertically AND horizontally;
    • turning container to OFF or ON does not seem to help;
    • (we WERE able to solve this issue on another test page, but with some custom CSS, if we purchase the theme and let the client handle site customization via admin area, we would like to avoid them paying us for additional CSS customizations);

    Do you have any idea what might be wrong? We can create a WP user for you and let you see for yourself.

    Many thanks in advance!

    kylebenner
    Participant

    The menu button is not showing on mobile, and I need it to.

    In reply to: Mobile menu and width

    Ludjon
    Keymaster

    Hi,

    I checked on Chrome simulation and on my iPhone, it looks perfect. What type of mobile device are you using?

    For the mobile menu, we have added a new update for specular that should fix the issue.

    Thanks

    In reply to: Mobile menu and width

    Ludjon
    Keymaster

    Hi,

    Sorry for the delay

    We need the WP Credentials to fix it.

    I checked the website on mobile and it looks good. Can you please help me understand the mobile layout issue?

    About the menu button, yes, it doesn’t work. I will add a new theme update today. If you send me the credentials I can update it immediately into your site.

    Thanks

    ordenata
    Participant

    <span style=”background-color: #f8f9fa; color: #222222; font-family: inherit; font-size: 28px; white-space: pre-wrap;”>when I see my website from the mobile the hamburger menu does not work, the menu lines are shown but I cannot click</span>

    web: calidadydescanso.com

    hsynesk
    Participant

    Hi! my website’s all of menu items appears. I want to click the menu icon just appear main item then if I click one of them appear sub items..

    submenus if i click then open

    https://hizliresim.com/083t91

Viewing 15 results - 421 through 435 (of 1,354 total)