Search Results for 'mobile menu'

  • monfrique
    Participant

    I am going crazy trying to centre the logo on mobile. I have played with CSS but cannot override the bootstrap CSS.

    I also notice, when on mobile, you can see my left menu (even when you haven’t pressed the menu icon) when you scroll to the bottom of the page, or the top of the page behind all my normal content.

    https://66.147.244.244/~gracepar/

    Mirela
    Participant

    Hello,

    Nice to know the scrolling is ok now.
    The slider looks good in mobile, screenshot. What do you want to change to it?
    We will fix the mega menu in left side navigation in the next theme update. For the time being, please use normal menu.

    Best regards!

    CB1000RBiker
    Participant

    Hello,

    first many thanks for the help and great support !

    I delete the complete WordPress installation and reinstall WordPress and Towertheme (no dummy – data).
    Step by Step I made and tried all settings .

    Result:
    MacBook – scrolling / slider ok !
    IPad / Iphone – scrolling ok !
    But in turn the mobile devices the slider is not displayed correctly .

    Even the mega menu is not displayed correctly on the mobile devices (side menue) . (Look ‘Leistungen’ on menue ).  Here is the URL for a look : https://www.sph-datenschutzrecht.de/

    Thank you so much!
    Manfred

    brightestspark
    Participant

    I can’t show you the demo as I am developing in maintenance mode behind a coming soon page.  I have just used the css above from your demo in the custom css and also added #logo img to that list (refer to my other ticket re: logo alignment) and all looks okay. The logo isn’t centred nice on mobiles, but it will have to do.

    eg.

    #logo img, .header_7 #navigation.pos_left nav .menu > li > ul.sub-menu, .header_7 #navigation.pos_left nav .menu > li > ul.sub-menu ul, .header_7 #navigation.pos_left nav .codeless_custom_menu_mega_menu { margin-left: -60px; }

    brightestspark
    Participant

    I just realised I had set the following custom css to move the logo over left when viewing on large screens and this had affected the mobile view.
    .header_7 #logo { left: 35% !important; }

    So how can I move the menu left (reduce left margin) when viewing the left header on large screens?

    Refer https://imgur.com/lLoNjU8

    Thanks

    brightestspark
    Participant

    Hi there – I’m using left menu or header_7.  When viewing the site on mobile or small screens, the logo does not appear.  Any way to get the logo there??

    Also – I asked this on themeforest, but will ask here too:

    Is it possible to have the search icon/feature under the menu (like it appears and works top right for top headers). I tried inserting the WordPress search widget in the header widget area, but it’s too wide and looks ick.

    It seems the left and right header/menu really isnt’ fully supported in your theme which is a pity as it’s why I chose Tower.

    In reply to: Mobile Menu

    digibob
    Participant

    Unfortunately not that one!

    It would be so good to have the facility to have another menu – then I can create a mobile only one, which can feature all the best bits for a mobile phone.
    That would be so much easier.
    :-)

    In reply to: Mobile Menu

    Mirela
    Participant

    Hello,

    What header style are you using? This is possible only if you have the “Logo in center and 2 navigation in sides” header style activated. And use the side menu in mobile in order to keep two different menus. Let us know so i can provide the steps for you to follow.
    Else, it is not possible to have two different menus in one site.

    Best regards!

    digibob
    Participant

    Hi
    Is it possible to have an alternative menu for mobile?
    A lot of the pages don’t look great on mobile and I have to re-do them.
    The search on this forum wasn’t working.
    Cheers
    Rob

    Mirela
    Participant

    Hello,

    Sorry for the late reply.
    1-I made several tests of the page in different mobiles and in nexus 5x simulator but the map is static. Please clear your phone cache and refresh page.

    2-I fixed it. The “Right menu” is showing up in mobile now. Since the current menu is different from the normal menu (it is composed by two different menus), the side menu in mobile called the main menu, which was undefined.
    So i switched back to simple menu, assign the “Right menu” to it, then switched back to left-right menu style.
    Please check your site and let us know.

    Best regards!

    • This reply was modified 9 years, 10 months ago by Mirela.
    kyleburt
    Participant

    Please add the ability to easily move the mobile menu to the right instead of the left. By default, (using business 4 theme) the menu is on the left on and the main logo is pushed all the way to the right side. I would prefer at least the logo to be centered on mobile, but also switching the menu location would force the logo to the right side, which is fine as well.

    Mirela
    Participant

    Hello,

    The logo is due to the Sticky Logo enabling. I set OFF the Header Options > Sticky Nav > sticky Logo option and now the logo is back.

    -For the mobile version logo and menu, i added this code into your custom cs sbox:

    @media (max-width: 767px){
    .menu-small { left: -55px;}
    .header_tools {
        display: block !important;
        height: 10%;
        margin-top: -85px;
        margin-right: -26px;
    }
    a.mobile_small_menu.close {    margin-left: -33px;}
    a.mobile_small_menu.open {    margin-left: -33px;}
    }
    

    It’s like the demo now. Please check your site.

    Best regards!

    Mirela
    Participant

    Hello,

    The logo is due to the Sticky Logo enabling. I set OFF the Header Options > Sticky Nav > sticky Logo option and now the logo is back.

    -For the mobile version logo and menu, i added this code into your custom cs sbox:

    @media (max-width: 767px){
    .menu-small { left: -55px;}
    .header_tools {
        display: block !important;
        height: 10%;
        margin-top: -85px;
        margin-right: -26px;
    }
    a.mobile_small_menu.close {    margin-left: -33px;}
    a.mobile_small_menu.open {    margin-left: -33px;}
    }
    

    It’s like the demo now. Please check your site.

    Best regards!

    ivan2805
    Participant

    Hi

    i,’m using tower theme, i have 2 questions, they are:

    1. I dont know what happened but the logo of my website that are supposed to be in the left menu are missing.

    2. the menu in mobile view are seems odd. i want to have the mobile menu such as in your demo here https://codeless.co/tower/creative/

     

    you can see my website in

    https://prestige-wear.com/

    Mirela
    Participant

    Hello,

    This requires code editing that is not included in theme support. You can add this code into your custom css box:

    @media only screen and (max-width: 600px) {
      .codeless_custom_menu_mega_menu .hasSubMenu {
        display: none !important;
      }
    }

    To hide it in mobile. A good news is that we will change the mega menu layout in mobile in the next update.

    Best regards!

Viewing 15 results - 1,081 through 1,095 (of 1,365 total)