Search Results for 'mobile menu'

  • marioncha5
    Participant

    Hi,

    Here is the menu as it appears on mobile :

    And here is my REAL menu :

     

     

    Any idea why it doesn’t appear correctly?

     

    Thank you,

     

    Marion

    Mirela
    Participant

    Hello,

    Yes, please go to file css\bootstra[-responsive.css and fins these lines:

    @media (max-width: 979px) {
      body {
        padding-top: 0;
      }
      .navbar-fixed-top,
      .navbar-fixed-bottom {
        position: static;
      

    edit max-width: 979px value to 480px. Save and refresh.
    Now you will have the hamburger mobile menu only for mobile, not ipads.

    Best regards!

    fabian_hock
    Participant

    Hi;)

    Im having little problems round here. I had installed w3 total cache and autoptimize and wanted to get rid of the css and .js errors shown in google page speed insights. After minifiying css and js my hamburger menu on mobile and my icons arent showing up anymore. Do you know how i can solve this issue? I already reinstalled specualr, did upload the back up from my host but theres no change. May you have a look it it?

    Best regards Codeless Team

    jasonptank
    Participant

    Can I adjust the menu that shows for iPad in portrait and landscape mode – not using the hamburger mobile menu, but instead the normal desktop menu links?

    criscmaia
    Participant

    I’ve created a customised template that will be loaded from mobile devices, but the menu and slider is not loading.

    My customised template: Link: https://www.mangostormmedia.com/mobile/

    They both work fine on the official mobile version: https://www.mangostormmedia.com/

     

    My template start as usual:

    <?php

    /*

    * Template Name: Mobile

    */

    ?>

    <?php get_header(); ?>

    <div id=”page-wrap”>

    Thanks

    In reply to: Staff carousel

    JoanEspuny
    Participant
    This reply has been marked as private.
    mangelica
    Participant

    When I apply the menu in the magazine theme dows not work on mobile, just work when I apply the ‘Fullscreen Overlay

     

    See http://www.youwilldobetter.com/site

    Mirela
    Participant

    Hello,

    For the small menu in mobile, please add these lines:

    @media (max-width: 979px) {
    .close:hover {
      color: rgb(242, 245, 244);
      opacity: 1;}
    }

    As for the header and footer, edit the code to this:

     a:hover, .header_1 nav li.current-menu-item > a, .header_1 nav li > a:hover {
      color: #FCFCFC !important;
    }

    Best regards!

    Mirela
    Participant

    Hello,

    Please add these lines into your custom css box:

    .header_1 nav li > a:hover { color: rgb(221, 202, 163);}
    @media (max-width: 979px) {
    a.mobile_small_menu.open { color: rgb(242, 245, 244);}
    }

    edit the colors to your wish.

    Best regards!

    Mirela
    Participant

    Hello,

    Please add these lines into your custom css box:

    @media (max-width: 979px){
    .mobile_small_menu {  margin-left: -40px;}
    }
    @media (max-width: 480px){
    #logo {  left: -25px !important;}
    }

    This should be the result: image.

    Best regards!

    Mirela
    Participant

    Hello,

    I set to ‘yes’ option for mobile menu in Theme Options > Headers > Show Responsive Menu Dropdown, also i added these lines into your custom css box:

    @media (max-width: 480px) {
    #logo {
      float: left !important;
      height: 100%;
      left: 55px !important;
    }
    }

    Now, please go to file css\bootstrap-responsive.css and find these lines:

    @media (max-width: 480px)
    #logo {
      float: right;
     left: 0 !important;
      right: 0 !important;
      -webkit-transform: none !important;
      -moz-transform: none !important;
      -ms-transform: none !important;
      -o-transform: none !important;
      transform: none !important;
    }

    Replace the left: 0 !important; with this: /* left: 0 !important; */
    Save and refresh.

    Best regards!

    deplume
    Participant

    Hi, I’m facing this issue where i don’t see the mobile menu when screen size <980 px. The navigation menu disappears at that size but there is no mobile menu following it. Here’s the url. Pls advise-

    https://test.deplume.ca/

    Ruco
    Keymaster

    Hello,

    You can configure the menu/mobile menu fonts and background color at specular-> Header options -> Menu, Dropdown options.

    I can fix it for you, just write your wp credentials in a private reply.

    Best regards!

Viewing 15 results - 1,306 through 1,320 (of 1,354 total)