Search Results for 'mobile menu'

  • Wynter
    Participant
    This reply has been marked as private.
    onyadesign
    Participant

    Hi

    I am using the specular Business model. I have a few questions.

    1) How do I make the menu header transparent? My header style is “with border top”.

    2) I used revolution slider for my main page. One of the slides looks chopped off at the top when viewed from desktop screen.The mobile phone view looks fine.

    3) How do I take out the little text hovering above the navigation buttons?

     

    Thanks!

    Mirela
    Participant

    Hello,

    1-This can be achieved using custom css. Try adding this code into your Custom Css box:

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

    2-There are two ways you can have this layout:
    a)Set the pages with sidebar layout;
    -Create a new menu and add it in the new sidebar using the “Custom Menu” widget in Appearance > Widgets.

    b)Set up pages with left navigation! To do this, select a page that will be used as parent (in your example this is the parent page:https://www.orsini-treuhand.ch/wordnew/page-l.png);
    Now go to each child page and in page’s options select parent page and the layout as “Left Navigation
    See screenshot: https://postimg.cc/image/7vfeeo3xz/

    Let us know how it goes.
    Best regards!

    ictglobus
    Participant

    Hello,

    i have install demo micro

    i want change layout menu mobile with:

    LOGO CENTER – MENU RIGHT.

    how can fix this?

    also i need a suggest about page.

    in attachment i insert a layout page.

    how can put this layout in page builder theme? tnx

    page: https://www.orsini-treuhand.ch/wordnew/page-l.png

     

    tnx very much

    • This topic was modified 7 years, 7 months ago by ictglobus.
    • This topic was modified 7 years, 7 months ago by ictglobus.
    Medrit
    Participant

    Hello,

    To change the sub menu background color please go to Customizing > Header >
    Dropdown & Mobile Styles
    .

    Let us know.
    Best regards!

    In reply to: menù mobile

    Mirela
    Participant

    Hello,

    I checked the site and the mobile menu icon is indeed black. See screenshot: https://postimg.cc/image/egsztt587/
    Where are you getting the transparent icon?

    Best regards!

    bgryktyl
    Participant

    Hello again. It changed the 3 little dot color on mobile menu bar. I need to change the colors of sub-menus. Here is a screenshoot:

     

    I only can see it when I press CTRL + A the colors of the menus are probably white. How can I change it?

    moggioleonardo
    Participant

    Hello,

    Why the menù icon it’s transparent when I open the page in the mobile version?

    https://postimg.cc/image/oyz96m0i3/

    In reply to: Mobile menù

    Mirela
    Participant

    Hello,

    1-Yes, the css does just that. See screenshot: https://postimg.cc/image/jg75fqe7r/
    Please clear cache and refresh page. If the result is still not visible, then add !important to the code. Like this:

    @media (max-width: 979px){
    .snap-drawer-left {
        background-color: #9e8f6f !important;
    }}
    

    2-Add this css:

    .mobile_small_menu.close:before {
        color: #920909 !important;
    }

    Best regards!

    Mirela
    Participant

    Hello,

    Please use css to edit it. Add this code into your General options > Custom Css box:

    .mobile_small_menu {
        color: #222 !important;
    }

    Change the color to your wish.

    Best regards!

    bgryktyl
    Participant

    I didn’t find a way to change mobile menu color change. It looks white so I can’t see it on mobile. Is there any way to change it?

    In reply to: Mobile menù

    Mirela
    Participant

    Hello,

    To change the background color add this css:

    @media (max-width: 979px){
    .snap-drawer-left {
        background-color: #9e8f6f;
    }}

    Do you want to change the logo of mobile menu? You can only do that using custom css.
    To have a different logo for the mobile please refer to this related topic:
    https://support.codeless.co/?topic=mobile-logo-menu-color-change

    Best regards!

    In reply to: Mobile menù

    Mirela
    Participant

    Hello,

    To change the background color add this css:

    @media (max-width: 979px){
    .snap-drawer-left {
        background-color: #9e8f6f;
    }}

    Do you want to change the logo of mobile menu? You can only do that using custom css.
    To have a different logo for the mobile please refer to this related topic:

    Home

    Best regards!

    faganmehdi
    Participant

    Hello,

    I add this code. At mobile screen everything is good. But when change desktop browser size, menu section and text are moving.

    Also Header cover the home page content at mobile

    Please help me.

    Best Regards,

    • This reply was modified 7 years, 7 months ago by faganmehdi.
    Mirela
    Participant

    Hello,

    Well, the header will change when you change the screen width because theme is responsive and it will adapt to the new screen size. Try adding this code into your Custom Css menu in Customize > General > Custom Codes > Custom Css:

    @media (max-width: 991px){
    .header_container.cl-header-topnav-mobile .top_nav.header-row .header-col {
        width: auto !important;
        top: 68px;
    }
    }

    Result screenshot: https://postimg.cc/image/akm1tbxyv/
    Let us know.

    Best regards!

Viewing 15 results - 691 through 705 (of 1,362 total)