Search Results for 'mobile menu'

  • Mirela
    Participant

    Hello,

    Sorry for the late reply.
    I added this code into your custom css box:

    @media (max-width: 767px){
    .header_wrapper {
        background: rgba(0, 0, 0, 0.02) !important;
    }
    .header_5 .mobile_small_menu {  display: block !important;
    }
    .mobile_small_menu.open:before { color: white;}
    .mobile_small_menu.close:hover { color: rgba(72, 236, 206, 0.98); }
    .snap-drawer #navigation nav .menu > li > a {   color: #464444;}
    }
    @media (max-width: 979px){
    .header_5 .mobile_small_menu { display: none;}
     .header_wrapper {
        background: rgba(0, 0, 0, 0.02) !important;
    }
    .header_5 .header_tools {
        margin-right: 60px;
        padding-top: 5% !important;
    }
    #logo { top: 17% !important;}
    }

    To fix the mobile menu displaying. Also i changed the mobile menu font color to gray so it would be visible, since you have the background white.
    I see you have added the same logo in both versions, dark and light (screenshot). I suggest you add a dark version so it would be visible in mobile as well.

    Please check your site and let us know.

    PS: We aren’t in contact with any freelance developers for now. But if we get any information, we will notify you.

    Best regards!

    Mirela
    Participant

    Hello,

    The mobile icon you are referring to, it’s not a mobile menu. It is the extra navigation menu. You can add widgets to it in Appearance > Widgets.
    The mobile menu is not present in the code either, so most probably you did not set it to display.
    Please go to General Options > Header Options > Show Responsive Menu Dropdown (screenshot), make sure it it set ON.
    Let us know if the issue persists.

    Best regards!

    robbieboy
    Participant

    Hi there, I can’t get the mobile menu to show when viewing my Specular site on mobile. There is a mobile menu icon at all other sizes, but only a blank grey box appears when I click it. However if I view the site vertically on a mobile phone there isn’t even an icon for the mobile menu. Please take a look at the site here: https://www.final-eyes.com/

    Thanks,

    Rob

    sarahlouisewaterhouse
    Participant

    Hi,

    is there a way to make the font in the dropdown and mobile menu the same as the
    top level menu?

    Thanks

    eogroup
    Participant

    Dear Codeless Team,

    importing the dummy data works out after contacting my hosting.

    Now i have the follow question and hope that you can help me:

    1) How i can set on all pages fixed section scrolling as it is set in the fullscreen blog?

    2) How i can put a picture full screen with title (not using slider, because i only need one picture on a new created page. When scrolling down you see next section fullscreen (for example description), you scroll down next section fullscreen gallery view or whatever

    3) Maybe i can contact you private so you can have a look at my website on mobile. Resolution of everything is showing not correctly and menu font are way to big.

    Thank you so much for help!

    garyseven
    Participant

    Awesome – theme is humming along nicely now! Last queries.

    question one

    The font in the main menu  is different than the one in the demo (a little thicker) how do i get that to look like your demo and

    question two

    on mobile when i hit the hamburger menu the font is not showing (maybe once I set the font to the one you have in the demo that will be fixed.

    Thanks

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

    Hello,

    You can access that file via a ftp account. Follow this path: wp-content\themes\tower\includes\core\codeless_routing.php

    To move away the logo from mobile menu icon, add this code into your custom css box:

    @media (max-width: 979px){
    #logo img {
        padding-left: 20px !important;
    }}

    Edit the values to your wish.

    Best regards!

    jrwjames
    Participant

    Hi there,

    I would like to have all my portfolio items on display on my portfolio page (remove pagiation, etc).

    I have seen a similar query here:

    Home

    You say: “If you do not want to use pagination for your portfolio, but instead want all items displayed in one page. You can do that by editing the file \includes\core\codeless_routing.php”

    If this is still the best fix, Can you tell me where I will find this file?

    Also, whilst I am here I am having problems with the responsive theme when viewed on portrait on mobile – the menu icon (three horizonal lines) is overlayed across my main logo/header.

    Thanks in advance for your assistance!

    James

     

    bluestrawberry
    Participant

    Hi Everyone, There are still issues outstanding and it’s been 2 days since your last reply.

    • The logo and menu don’t seem to line up with anything and drop off the background at certain sizes – noticed this only happens when resizing the window. The top bar where the contact email and phone number appear needs to be hidden at the same break point as when the menu changes to the small screen version.

     

    • The colour overlay on the page headers don’t work on retina devices

     

    • scroll buttons on the testimonial carousel don’t work on mobile (android)

     

    • The images on the “latest from blog” VC element should link to the story as well as the title

     

    • page titles are not showing on the left side of the breadcrumbs on pages. (see links above)

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

    Hello,

    I added this code into your custom css box:

    #logo img {  margin-top: 60px !important;}
    nav {
        height: 100%;
        padding-top: 0px !important;
    }
    .header_8 nav .menu>li>a {
        margin-top: -30px !important;
        height: 100px !important;
    }
    .header_tools {
        padding-top: 24px !important;
    }
    
    @media (max-width: 979px){
    #logo img {  top: 20% !important;}
    .header_tools {  height: 80% !important;}
    .header_tools {
        padding-top: 0 !important;
    }
    }
    @media (max-width: 1024px){
    header#header #navigation {  margin-top: -80px !important;}
    .header_tools {  height: 55% !important;}
    #logo {  margin-top: -60px !important;}
    .header_tools .vert_mid > a:last-child { margin-top: -36px;}
    }
    @media (max-width: 480px){
    #logo img {
        max-height: 85px !Important;
        margin-top: -14px !Important;
        margin-right: 55px !Important;
    }}

    This is the result: mobile screenshot; ipad; ipad landscape.
    Let us know.

    Best regards!

    bluestrawberry
    Participant

    I’ve recently been working on a site which already had your theme installed and have come across a few issues when the site is displayed on phones/tablets.

    • The logo and menu don’t seem to line up with anything and drop off the background at certain sizes

    • The colour overlay on the page headers don’t work on retina devices

    • scroll buttons on the testimonial carousel don’t work on mobile (android)

    • The images on the “latest from blog” VC element should link to the story as well as the title
    also, the featured image in the news section crops at 390 px  and I can’t see where to change this

    • If the page has a long title the text in the header does not have a word wrap on so overflows off the edge

    Thanks

    Mirela
    Participant

    Hello,

    I can see the mobile menu icon and drop-down are displaying as they should. Please see screenshot. Did you manage to fix your issue?
    Let us know.

    Best regards!

    Mirela
    Participant

    Hello,

    Did you set up slider to hide in mobile? Please check it at your page’s General Settings > Slider Options > Remove Sliders from Mobile Phone View.

    The navigation does not disappear. In mobile and ipad, the normal menu is hidden and the mobile menu is displayed. Don’t you have the three bars menu icon showed?
    Can you please fill in the necessary information on your extra information fields of your profile data? So we can give it a closer look.

    Read this article for more information.

    Best regards!

Viewing 15 results - 946 through 960 (of 1,362 total)