Search Results for 'mobile menu'

  • Ruco
    Keymaster

    Hello,

    1. Please try this code instead:

    @media (max-width: 1100px) and (min-width: 981px){
    .header_11 #logo {
        margin-left: 15px;//adjust the size here
        margin-right: 15px;
    }
    }

    2. I checked it but can’t found the issue you are having.

    3. Use this css code:
    @media (max-width: 480px){
    .mobile_small_menu {
    margin-left: -30px;
    }
    }

    4. Please can you show me your site credentials? I will help you show the search on responsive menu, if you enable the search in header.

    Best regards!

    Frankie
    Participant

    Hi,

    I’m having some trouble with a couple of things in the header of my site using the Tower theme.

    1. Is there any way to resize the logo in the header? I want it to be a certain size for desktop but then shrink to fit in responsive views. Currently on a mobile the logo is too large and being slightly chopped off on the left.

    2. On a mobile view the little menu hamburger icon covers the logo. Is there a way for them to be clear of each other?

    3. When I drag my page size down to an iPad view (landscape orientation) the menu items jump down into the slider or page header. Is there a way to fix or prevent this?

    I can provide photos if necessary

    Thanks :)

    Mirela
    Participant

    Hello,

    I still can not access dashboard, please see screenshot.

    -The white space, is not a space, is an element that is not being displayed. But since it is there, it does take space.
    Add this code into your custom css box, to make it appear:

    @media (max-width: 480px){
    .wpb_animate_when_almost_visible {
        opacity: 1;
    }}

    Result: https://postimg.org/image/i09zf93on/

    -Responsive menu uploading first, is normal for this menu style you have chosen.

    -Sorry but i don’t get the black line when i open your site from mobile. See screenshot.
    Did you manage to fix it?
    Let us know.

    Best regards!

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

    Hello,

    The mobile menu does not even have the code present in mobile layout. Did you enable it in theme options? Please go to General > Options > Header Options > Show Responsive Menu Dropdown, set it ON.
    If it still won’t display, then send us your wp credetnials in a private reply. So we can give it a closer look and fix it.

    Best regards!

    gianlucasignaroldi
    Participant

    Dear support

    this si my site :

    https://new.filtrotecnica.com

    I’m using a child theme

    problem: responsive menu doesn’t work

    favicon doesn’t work , i try to ch ange function.php in child theme and insert a folder imag whit a file call favicon.ico but it doesen’t work the same

    but the more important problem id the adjustament for the responsive mode whit mobile phone

    image is not centred and text has too big space

    in the second line custom heading is not centred

    can you see it in new.filtrotecnica.com and give me help

    thank you very much

    kind regards

     

     

     

     

     

     

    Mirela
    Participant

    Hello,

    1-Add this code itno your custom css box:

    @media (min-width: 989px) {
    nav .menu > li {
        margin-right: 5px !important;
        margin-left: 5px !important;
    }
    .header_11 #logo {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }
    }

    2-I tested the site but i don’t get this effect. Can you send us a video or screenshot of it?

    3-I don’t understand the issue with the mobile menu. When i open it from mobile, it does display at the side just as it should (screenshot).

    4-Sorry but this customization is not included in support.

    Best regards!

    rebeccaolson
    Participant

    Since launching my site, I’ve received the following feedback from customers about issues they are experiencing on mobile devices (tablets and phones:

    1) Tablet (ipad 8): The menu in the navigation bar, which is the regular (non-responsive) menu, does not stay on the bar – the menu items on the right are shifted down and to the left, over the top of the slider.

    2) Tablet (ipad 8): When you click on a menu item and see the subcategories, they do not disappear when you click elsewhere on the site; they stay fixed on the screen until you move to a new link/page.

    3) Mobile: (iphone 4s) In portrait view (very small) the menu icon that should be aligned left in the header bar, is instead shifted to the center and covering the logo.

    4) Is there a way to add a search function in the side/slideout menu for responsive (mobile/tablet) layouts? I had to remove the search/mini cart from the header on responsive because it was throwing off the logo. Is there a widget or workaround you know of? The best I could find is this: https://www.kriesi.at/support/topic/how-to-add-search-to-mobile-smart-phone-width-slide-out-me

     

    jan_javornik
    Participant

    Hello.

    I’m using Specular theme and I’m having some problems with responsive mobile menu.

    Menu is quite long and when I try to scroll it down, the page under the menu is moving, not menu.

     

    Can you please take a look?

    In reply to: Adding jquery

    wpnoob
    Participant

    P.S. you need to refresh the page on mobile device mode otherwise console error won’t appear. I think the error relates to mobile menu button.

    Mirela
    Participant

    Hello,

    I opened your site in mobile but the menu works fine (screenshot). I am able to open it, and browse through pages without issue. Did you manage to fix it?
    Let us know.

    Best regards!

    In reply to: mobile menu

    Mirela
    Participant

    Hello,

    1-In mobile i see the header background is set to white, with no transparency. This is what is covering the logo and menu. Please add this code into your custom css box:

    @media (max-width: 767px){
    .header_transparency header#header {
        background: rgba(255, 255, 255, 0.01) !important;
    }
    .mobile_small_menu .close:hover { color: #f9f2f2;}
    .mobile_small_menu { top: 83% !important;}
    #logo img {
        height: 83px !important;
        margin-top: -18px !important;
        left: -141px !important;
    }
    }

    Result screenshot.
    2-wpml menu is a widget in Top Nav area. By default this section of theme is not displayed in mobile layout. To show it, add this code into your custom css box:

    @media (max-width: 767px){
    .top_nav {  display: block;}
    .top_nav_transparency #social_widget-6 { display: none;}
    .header_wrapper { height: 72px !important;}
    #logo img { margin-top: -27px !important;}   
    }

    Result screenshot.

    Let us know.

    Best regards!

    skyboost
    Participant

    The burger menu is not working when clicking on it in the mobile view. What can I do?

    Test: https://semknox.com

    sherreo
    Participant

    Hello again,

    When I try to view the web on a mobile, I can’t see:

    • the logo correctly
    • the menu
    • and wpml menu

    The website is: https://masajesmuntaner.com

     

    Can you help me, please?!

    Thank you very much!

    Sergi

    In reply to: Adding jquery

    wpnoob
    Participant

    Just wondering why this simple piece of code doesn’t work then (I’m trying to add more links to mobile’s dropdown menu):

    jQuery(document).ready(function(){
    $("#mobile-menu").append('
  • Example
  • '); });
    • This reply was modified 9 years, 6 months ago by Mirela.
Viewing 15 results - 1,036 through 1,050 (of 1,362 total)