Search Results for 'mobile menu'

  • rmiller
    Participant

    Hello,

    To extend the sidebar menu functionality, I am using a popular widget called “Custom Menu Wizard Widget“. However, it doesn’t place nice with Tower.

    I contacted the plugin developer and here is what he expressed as to an explanation and then a resolution at the end:

    The theme (Tower) hooks into WordPress’s wp_nav_menu_args filter and, unless the menu being produced has a menu_id of “mobile-menu”, changes the “walker” to its own.

    WordPress has a Walker class that is a general class for producing lists (which is all a menu is). WordPress also has a Walk_Nav_Menu class, which extends the Walker class specifically for menus. Usually plugins will provide their own “walker” as an extension of the WordPress Walker_Nav_Menu class. This is exactly what Custom Menu Wizard does : it uses its own extension of the Walker_Nav_Menu class to do the filtering and set extra classes.

    However, because your theme is intercepting every production of a menu and changing the requested “walker” class to its own, the Custom Menu Wizard one never gets called. You’d probably find that other menu plugins (that have their own “walker”) would have exactly the same problem.

    The theme code responsible can be found in tower/includes/core/codeless_megamenu.php, as part of the codeless_custom_menu class. The class is included into, and instantiated by, the theme’s functions.php as part of the theme setup. With the sole exception of the mobile menu that activates from the burger button (when the screen is small enough), every menu produced using WordPress’s wp_nav_menu() function will use the theme’s “walker”. (And even the exception isn’t really an exception : it’s just configured to use another of the theme’s “walkers”.)

    Would it be possible to make this adjustment to accommodate 3rd party menu plugins such as this one?

    Boekenbalie
    Participant

    I disabled the search button (included in the theme) and added a search-widget in the top navigation area.

    How can I add this search to the mobile website without enabling the search button that belongs to your theme?

    Thanks!

     

    In reply to: Top Widgetezed area

    pixie5
    Participant

    Thank you for quick response :)

     

    here is link to the website https://serenitytravelphotography.com

    still work in progress. You will noticed to widget area with black background with social icons on it. I would like them to be just over the revolution slider so they integrate better in the page.

    How can I create a shortcode for the image?

    Ando also for some reason my dropdown menu on mobile is huge, can’t find where to change it

     

    Thanks a lot

    aajain
    Participant

    I updated my logo and on iphone5, I see that the logo and the menu overlap. I looked at another thread that had similar issue (https://support.codeless.co/?topic=logo-not-displaying-properly-on-mobile) and I tried the solution posted but it didn’t seem to change it.

    Also, the logo and menu placement is different on home page and other pages. The site is http://www.maplecollaborative.com

    Kris
    Participant

    Hello,

    Please check your site, we fixed. Just added this code to your custom CSS box:

    @media (max-width: 320px){
    #logo img {
        
        margin-left: -185px;
    }
    .mobile_small_menu {
        margin-left: 20px;
    }
    }

    Let us know.

    Best regards!

    Boekenbalie
    Participant

    4. this is the page involved: https://staging.boekenbalie.nl/zakelijk/#consignatie

    There are three buttons next to each other “Lees Meer” with a link to another section on the page. I think it is because of the menu-header height that you cannot see all the text lines involved. If I click the first button, the screen jumps to that section but there is about 80px height that you cannot read because the menu is shown.  On mobile screen it looks normal, as there is no menu-header.

     

    Thanks for your help!

    Mirela
    Participant

    Hello,

    1-You need to switch to parent theme first, then update plugins. They are located in parent theme folder, so trying to get them while in a child theme will give a wrong url error.
    I already updated Visual Composer for you.

    2- On mobile version, 2 mini-menu’s are shown:

    Do you mean the two icon’s with 3 horizontal bars? (screenshot). Do you want to remove the second one? If yes, then please add this code into your custom css box:

    @media (max-width: 480px) {
    a.extra_navigation_button {
        display: none;
    }}

    3-strange order of ‘copyright 2016’ and ‘privacy beleid’ in the footer:
    Do you want them centered? I already added this code into your custom css box:

    @media (max-width: 979px){
    #copyright .widget ul {
        padding-left: 111px !important;
    }}

    to align “Privacy beleid” edit the value to your wish.

    4-With fullwith desktop screen the “read more” button on this page (https://zakelijk/#consignatie) jumps a few lines too far and therefore title/first text in the row is not showing. On mobile it jumps to the right line:
    I can’t see what button are you referring to. The link is not available any more. please send us the page’s link where is this happening.

    5-none of the (layer slider) headers is responsive, I prefer to show some kind of (header) image on all mobile pages. I tried featured image on the homepage but didn’t work as image on top of the page.
    I edited the settings of “Homepage slider”, just like the ones of the demo slider “Full width demo slider”. The slider is responsive now. Please check on mobile test page: https://staging.boekenbalie.nl/test/

    6–Is it possible to zoom the pictures or page on mobile version? Concerning this page: https://verpakkingsinstructies/:
    Can you please check th elink? I can’t access it(screenshot).

    Let us know.

    Best regards!

    • This reply was modified 8 years, 3 months ago by Mirela.
    Boekenbalie
    Participant

    Thanks Mihaila,

    The theme is updated only VC gives an error (error installing WPBakery VC, download failed. URL url specified is invalid). Profile data updated as well, thanks.

    Custom CSS is added in the design options/CSS box (text box settings) 435px left and 100px bottom. Otherwise the button is outlined on the left in the normal fullwith view. I cannot attach the image example? When I click Insert image the source is asked but the file is on my computer.

    Two mini-menu still visible on mobile screen, and the other questions are not solved by updating the theme.

    Thanks for your efforts!

    Linsey

    • This reply was modified 8 years, 3 months ago by Boekenbalie.

    In reply to: Issues with header

    Frankie
    Participant
    This reply has been marked as private.

    In reply to: Meanu font color

    Mirela
    Participant

    Hello,

    1-Go to General Options > Header Options > Background, and set here a color (with or without transparency gradient) for your header.

    2-Sorry but theme supports one menu only. You can not use two different menu’s in the same site.

    3-What do you mean? I see the leadership section has every thing centered (screenshot).

    4-I checked your site in mobile. It shows up ok. Where exactly are you facing issues?

    Best regards!

    abacusit
    Participant

    Our website does not look okay, on mobile, when our layout is set to Boxed, with a fixed background image. The footer is off to the left, on top of the background image and the logo is off to the right, over the background image.

    Also, when clicking on the hamburger menu from a mobile device, there is a hesitation in loading, where the content of the page shows above the hamburger menu and then it quickly disappears. I noticed this for the Business Minimal demo as well.

    How can we get a nice responsive look on mobile, with our current setup? We are trying to go off of the Business Minimal theme.

     

    Our website is dev.one2oneus.com.

     

     

    Boekenbalie
    Participant

    Our website is about to go live, but I have a few questions before we are fully ready:

    The homepage is not responsive, and also pages with buttons are not fully responsive. I can’t see what’s the problem.. Can you please help/advise?

    Pages concerned:

    Home: (buttons ‘download the app’ and ‘lees meer over zakelijk verkopen’ are positioned somewhere on the right and this is not visible on mobile screen.

    https://gratis-ophaalservice/ (grey textfield next to the yellow truck is not fully responsive)

    https://zakelijk/ (2x green button ‘download the app’ and ‘overeenkomst downloaden’)

    Furthermore:

    – On mobile version, 2 mini-menu’s are shown.

    – strange order  of ‘copyright 2016’ and ‘privacy beleid’ in the footer

    – With fullwith desktop screen the “read more” button on this page (https://zakelijk/#consignatie) jumps a few lines too far and therefore title/first text in the row is not showing. On mobile it jumps to the right line.

    -none of the (layer slider) headers is responsive, I prefer to show some kind of (header) image on all mobile pages. I tried featured image on the homepage but didn’t work as image on top of the page.

    – Is it possible to zoom the pictures or page on mobile version? Concerning this page: https://verpakkingsinstructies/

    Thanks for your great support! I am fully satisfied with the theme  and website :-)

    Linsey

    • This topic was modified 8 years, 3 months ago by Boekenbalie.
    Kris
    Participant

    Hello,

    I can not tell for sure why this issue didn’t appear on iphone 4s then, but i can see it now. Please add this code to your custom CSS box:

    @media (max-width: 320px){
    .mobile_small_menu {
        margin-left: -41px;
    }
    }

    Let us know.

    Best regards!

    rebeccaolson
    Participant

    Hello –

    After the recent update to Tower 1.8.2, I have the following new issues on my site:

    1. The search icon/mini cart icon in the header menu has no left margin. There is no separation between the final/right menu item on the header (BUD & OIL), and the search icon. It now looks like the search icon is sitting on top of the “L”

    2. The cart page and shipping details page on mobile/responsive is very messed up in terms of layout. Please see the screenshots:

    CART

    https://www.lavenderconnection.com/wp-content/uploads/2016/08/Screenshot_20160814-155352.png

    https://www.lavenderconnection.com/wp-content/uploads/2016/08/Screenshot_20160814-155400.png

    SHIPPING

    https://www.lavenderconnection.com/wp-content/uploads/2016/08/Screenshot_20160814-155510.png

    Thanks!

    Rebecca

    Mirela
    Participant

    Hello,

    1-To change the position of mobile menu please add this code into your custom css box:

    @media (max-width: 767px) {
    .header_5 .open_full_menu {  margin-left: -45px !important;}
    #logo img { margin-right: -11px !important;}
    }

    The first line is to change the position of menu, while the second line is to edit the position of logo in mobile. Edit the values to your wish (you can set both positive and negative values).

    2-To change the position of slider content and prev-next arrow, edit the previous code i gave you to this:

    @media (max-width: 767px) {
    .codeless_slider .nav-roundslide a.prev { top: 275px;}
    .codeless_slider .nav-roundslide a.next { top: 275px;}
    .codeless_slider .swiper-slide .content { margin-top: -45px !important;}
    }
    

    Edit the values to your wish.

    Best regards!

Viewing 15 results - 976 through 990 (of 1,327 total)