Search Results for 'mobile menu'

  • Mirela
    Participant

    Hello,

    -The menu items show up just right in mobile. Please see screenshot: https://pho.to/AjpMt

    -You can style the mobile drop-down menu in General Options > Header Options > Dropdown Options.
    -Please add this code into your custom css box to reverse the positions of logo and mobile menu:

    @media (max-width: 480px){
    #logo {
        float: left !important;
    }
    .mobile_small_menu.open {
        margin-left: 80% !important;
    }
    .mobile_small_menu.close {
        margin-left: 80% !important;
    }}

    Result screenshot: https://pho.to/AjpN8

    Best regards!

    TangramSky
    Participant

    Thank you for your quick response!

    I added the code, but still do not see the main menu items in the mobile view.

    I did not see a way to specify the color for mobile view, but on the main site, I have them in gray. Why does the color not continue over to mobile?

    Also, I would like the logo to be justified left and the menu on the right same as on the desktop version of the site. Where would I adjust this in the theme?

    TangramSky
    Participant

    Hello,

    The mobile menu is not showing correctly. I can see the three lines and when I click on it, the drop menu items how, but not the main menu items. How can I correct this?

    https://grninvestgrp.wpengine.com/

    demo

    2d00bb

    Thanks,

    Jessica

     

    mhhaug
    Participant

    Hi Mihaila,

    Thank you for your response however maybe I did not explain it well.

     

    Yes I am referring to the Lenderlist widget, however I think the issue is in the theme not due to third party plugin which is why I am requesting help.

     

    My concern is not on mobile but on desktop.

    I would like to have my first row be transparent and over a slider hero image. However when I do this, the elements in my first row scale differently than if there is no slider.

    Please see how the lenderlist widget reacts in each scenario when adjusting window size to become smaller.

    example 1: lenderlist widget starts to slide under main menu.

    https://financemyproject.com/homepage-test/ 

    Exampl 2: lender list widget stays in place and does not slide under main menu

    https://financemyproject.com/

     

    How can I have my first row scale the same way as in example 2, with it also being transparent above a slider?

    Mirela
    Participant

    Hello,

    You are referring to the mobile menu and Extra Side Navigation. The three bars in the left are the mobile menu (not one menu item). You need to tap (click) on it in order to open the full menu.
    The Extra Side Navigation is an additional space to fill with content. To add content to it, go to Appearance > Widgets. Find “Extra Navigation Area” and add widgets to it.
    To remove it, go to General Options > Layout > Extra Side Navigation, and set it OFF.
    The Extra navigation does not show in mobile due to the lack of space. By turning the phone in landscape layout, the header width is wider, so the extra navigation is added.

    Please see your screenshots, with explanations: https://pho.to/AjcWg

    Best regards!

    abel1337
    Participant

    I’m using the business2 theme and in the mobile view, there is a menu item that doesn’t work. When I turn my phone(android) sideways, there are two menu items and only one of them works (the one on the right). Here are screenshots of what I’m talking about:

    Mirela
    Participant

    Hello,

    Please make sure you have enabled the mobile menu first. Go to General Options > Header Options > Show Responsive Menu Dropdown, set it ON.

    Add this code into your custom css box to fix the slider text:

    @media (max-width: 979px){
    .codeless_slider .swiper-slide .content {
        right: 0 !important;
    }}

    Let us know.

    Best regards!

    jenniferlgoode
    Participant

    Hello,

    I’m having issues with my website in mobile (phone & tablet) view. When one these devices, I cannot see my top navigation menu and the slider content (title, subtitle, and button) is too far left and cut off.

    My website address is https://jennifergoode.ca

    Appreciate any help!
    Thanks,
    Jen

    Mirela
    Participant

    Hello,

    I set up the site as Business 2 demo. Please check your site.
    I edited out the menu styling in General Options > Header Options > Menu Options and sub-menu items style in General Options > Header Options > Dropdown Options & Mobile Menu.
    -I changed the header style to “Menu item with border bottom” in General Options > Header Options. And added a shadow in the “Header Shadow” option in the same page (down the list).
    -I set ON the top header area in General Options > Header Options > Top Widgetized Area and added widgets to it in Appearance > Widgets.
    -I added some sample clients and social links in General Options > Clients and General Options > Social media.

    Note: One of the installed third party plugins are conflicting with theme as some fields can not be edited out. Check out the menu items font size number in General Options > Menu Options > Menu Item Typography. I suggest you disable all third party plugins to find the culprit.

    Let us know.

    Best regards!

    In reply to: Drop down menu

    Mirela
    Participant

    Hello,

    To create a menu and add items to it (drop-down menu), just follow the basic wordpress rules for creating a menu.
    Go to Appearances > Menus > Add New. Set the menu name, save and continue adding more items under it. (read this article for more details).
    To customize it using theme’s options, go to General Options > Header Options > Dropdown Options & Mobile Menu.

    Let us know if you have further questions.

    Best regards!

    Onik
    Participant

    Hello,

    I have some issues regarding the mobile view, which I need fixed.

    [URL=https://www.imagebanana.com/view/gc2atbhp/image1.PNG][IMG]https://i.imagebanana.com/img/gc2atbhp/thumb/image1.PNG[/IMG][/URL]

    https://www.imagebanana.com/view/gc2atbhp/image1.PNG

    1. White Menu Bar should be removed, as I dont have any menu. Instead only Logo should be shown centered.

    2. Slider Content should have full view including complete text and button.

    3. Counddown timer should be shown without bugs in the mobile vie too.

    [URL=https://www.imagebanana.com/view/24g6dbu8/image2.PNG][IMG]https://i.imagebanana.com/img/24g6dbu8/thumb/image2.PNG[/IMG][/URL]

    https://www.imagebanana.com/view/24g6dbu8/image2.PNG

    4. Call to action and Smartphone Image should appear more centered.

    Many thanks for help!

    Mirela
    Participant

    Hello,

    1-Please add this code into your custom css box:

    @media (max-width: 480px){
    .header_10 #logo {
        left: 9% !important;
    }}

    Result screenshot: https://pho.to/AgtHh
    If you need to make logo even smaller after this, than add this code as well inside the @media rule:

    #logo img {
        max-height: 42px !important;
    }

    It will become like this:

    @media (max-width: 480px){
    .header_10 #logo {
        left: 9% !important;
    }
    #logo img {
        max-height: 42px !important;
    }}

    Edit the values to your wish.

    -The top header is not visible in mobile by default. You can make it show, using custom css, but since you have two custom menus set in it, they will display as mobile menu as well. Making it look weird and not that functional(screenshot). If you still need to show it, i suggest you first add text widgets into it.

    Best regards!

    marco.resinofacile
    Participant

    Hello,

    I have two problems and do not know if they are related.

    The site is https://www.centrodellaceramica.innovaimpresa.com/

    1) on mobile screen the centered logo seems to be too big and stays too much next to the menu icon

    2) I acvtivated top widget area and placed inside some text and icon links. But they are missing on mobiles

    Could you please help?

    Regards

    Marco

     

    Mirela
    Participant

    Hello,

    This is the Extra Side Navigation. You can find it in General Options > Layout > Extra Side Navigation. Just set the option OFF, to remove it.
    Even though they have the same icon, the mobile menu and extra navigation are not the same thing. The extra navigation is an additional sidebar. As such you can add content into it using widgets. Just go to your Appearance > Widgets and add widgets to “Extra Side Navigation”.
    To remove it, set it off as instructed above.
    Let us know.

    Best regards!

Viewing 15 results - 856 through 870 (of 1,351 total)