Search Results for 'mobile menu'

  • In reply to: Contact form 7 Plugin

    Mirela
    Participant

    Hello,

    Not by theme options. But you can using custom css. See related ticket:
    https://support.codeless.co/?topic=mobile-logo-menu-color-change

    Best regards!

    eltooks
    Participant

    Hi! It’s me again.

    The same issue as above has reappeared. Basically, the client contacted me telling me that the hamburger icon does not work on mobile ON THE HOMEPAGE ONLY. On all other pages it works.

    I had not updated the theme in a while, so I updated the theme and disaster struck. Revolution slider was not working; the portfolio items were appended by an unremovable /codeless-portfolio/ in the slug; “Specular” menu item in WP admin was gone with all its customizations, WP page builder would not update and said it needed a license, and the menu was the wrong menu type and I could not change it (since “Specular” was gone from WP Admin, and on clicking on the portfolio items their presentation changed.

    Luckily I went back to godaddy and found a recent backup and restored it. I tried again, this time without updating WordPress first to 5.2.1 and keeping it at version 4.8.2. Same disaster struck!

    So I had to re-extend my support and here I am asking for your help! Is there a way to fix the hamburger icon without jumping through all these hoops? If not, what are the steps required for me to update the theme without damaging the entire look and feel of the site (finconnect.io).

    Please let me know.

    Mirela
    Participant

    Hello,

    I checked and the mentioned images are indeed loading properly in mobile and desktop. Here is what i see:
    Desktop: https://ibb.co/8bh82Dx
    Mobile: https://ibb.co/8bh82Dx

    1-That happens because of the difference in position of the two types of headers. I fixed it by adding this css in your custom css box:

    .header_container.header-bottom.boxed-style.menu_style-simple.menu-full-style.cl-transparent.cl-header-light {
        position: absolute !important;
    }
    .header_container.boxed-style {
        position: relative;
    }

    2-Re-position the image to your wish by changing the background position in Row settings > Design > BACKGROUND IMAGE > Background Position.
    -https://ibb.co/Tw4PS76 -> make the row full height. The background image will only show up to the end of the row.

    3-I added this css:

    .header_container.header-bottom.boxed-style.menu_style-simple.menu-full-style .cl-text p:last-child {
        color: #273eaf !important;
    }
    .home .header_container.header-bottom.boxed-style.menu_style-simple.menu-full-style .cl-text p:last-child {
        color: white !important;
    }

    Best regards!

    Derk_D
    Participant

    Hi, if you go my page: https://derkdumbar.nl/derkdumbar/?page_id=51&clactive=1

    (the about page) you will see 3 text blocks at the bottom of the page. I selected “only text” but it still gives white spaces for icons. that’s a bug. Can you fix that?

    also if you hover on the items from the hamburger menu it gives different colours on different pages. i don’t see where i can fix that. And is it possible to make the font and line height bigger on mobile?

    Last thing, in the contact form there is a send button ( solid grey with square corners) that is different than the one that shows up when you publish. Can you fix that as well? i want the grey one and not the black outline one.

     

    thanks

    Ruco
    Keymaster

    Hello,

    You can change the pages and post header in light version by change this : Header Color Style 1 > Light

    To fix the issue on the mobile please add this custom css :

    @media(max-width:768px){
    header#header.transparent{
       background:#fff !important;
    }
    }
    
    .error404 #header #logo .light {
      display:block;
    }
    
    .error404 #header #logo .dark{
    
       display:none;
    }
    
    .error404 nav .menu > li > a{
     color:#fff !important;
    } 
    

    Write the line above into General > Custom Css Box.

    Regards!

    In reply to: 2.5.4 update

    Aloevera
    Participant

    I have a WordPress v.5.2 and I don’t have a Codeless Builder button when I go to Pages/Edit. Nor can I make changes through Appearance/Customize like I could prior the latest update. Can you advise how can I access the Codeless Builder?

    We have a big problem that woocommerce cart and search button are missing from mobile menu (we are using Folie Shop Classic) and there is no way I can find an error if I am not able to access Codeless Builder.

    Mirela
    Participant

    Hello,

    This happens because the click action in desktop triggers to open the link, while the tap action in the mobile triggers to open the submenu.

    Please add the parent menu link as a sub-menu and leave the parent as an unlinked menu item(screenshot). We will include a fix for this scenario in the next theme update.

    Best regards!

    mepac
    Participant

    Hello please i have a problem i have base menu and submenu items… But the base menu item is not clickable on mobile device. Please do you know where is the problem? When i click the base item it only show submenu items list. Thank you for any help

    ChristopherGFox
    Participant

    On my site home page, the hamburger menu on smartphones only works if you reload the page. Then it works on every other page. Upon initial load, the menu doesn’t work. This happens on both Android and iPhone. Any suggestions? Thanks!

    https://www.syncresis.com/

    Mirela
    Participant

    Hello,

    In mobile the sticky header is not available by default. To add it here as well, add this css in the Custom Css menu:

    .header_container.cl-header-sticky.cl-responsive-header {
        position: fixed;
        z-index: 99999;
        width: 100%;
    }

    Let me know.
    Best regards!

    Van_i
    Participant

    Hi there!

    I’m writing to you cause i got some problems with the background video fonction. Before the video starts the play button is showed and that’s very annoyng cause the users try to click on the button without any results.

    The problem is even bigger with iphone’s users cause the video background fonction doesn’t work and the frame stuck with the button… I send somes screenshot to show the problem.

     

    Also, about videobackground: there is any chance to add a volume button to allow users to listen to the audio if they want?

    ———-

    The other problem that i got is with the lightbox in mobile version. As you can see by the screenshot the photos open in full with format and are cropped on the side. Unfortunately not all the users understands that they have to click on the rectangular icon to resize the images. Can you help with this?

    ———-

    About the menu: the animation doesn’t work when you click the first time on the burger menu icon. The second time, yes: but as you know the first is the most important!

    link to screenshots: https://drive.google.com/drive/folders/1ggs8xJMTFPMfZqwHDkCVGuM8CbbtEhvU?usp=sharing

     

    Regards,

     

    Van

    • This topic was modified 6 years, 8 months ago by Van_i.
    • This topic was modified 6 years, 8 months ago by Van_i.

    In reply to: Error in top bar menu

    Mirela
    Participant

    Hello,

    This is because the header width in ipad, exceeds the screen width. To avoid this, just reduce the padding/margin between menu items. I added this css in General Options > Custom Css box for it:

    @media (max-width: 979px){
    nav .menu > li {
        margin-right: -10px;
        margin-left: -10px;
    }
        nav .menu > li > a{
            font-size: 12px;
        }
    }

    The menu in mobile was not showing because it was not set on. I set it on in General Options > Header Options > Show Responsive Menu Dropdown.

    Please check your site.
    Best regards!

    In reply to: Error in top bar menu

    aframu1
    Participant

    Hi,

    I actually meant there is no menu visible when viewing the site on a tablet or mobile

    In reply to: Error in top bar menu

    aframu1
    Participant

    <span style=”color: #000000; font-family: sans-serif; font-size: 12.8px;”>Hi, </span>
    <div dir=”auto” style=”color: #000000; font-family: sans-serif; font-size: 12.8px;”></div>
    <div dir=”auto” style=”color: #000000; font-family: sans-serif; font-size: 12.8px;”>I actually meant there is no menu when looking at the site on mobile or tablet.</div>
    <div dir=”auto” style=”color: #000000; font-family: sans-serif; font-size: 12.8px;”></div>
    <div dir=”auto” style=”color: #000000; font-family: sans-serif; font-size: 12.8px;”>Kind regards,</div>
    <div dir=”auto” style=”color: #000000; font-family: sans-serif; font-size: 12.8px;”></div>
    <div dir=”auto” style=”color: #000000; font-family: sans-serif; font-size: 12.8px;”>Aframu1</div>

    jblue1914
    Participant

    Header is different in mobile than desktop for some reason.

    Mobile Menu Font Color won’t change from white.

    https://ibb.co/C6rW141

    Logo Hides Hamburger

    https://ibb.co/6R4pRY0

     

    Any Ideas?

    Thanks!

Viewing 15 results - 571 through 585 (of 1,362 total)