Search Results for 'mobile menu'

  • 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 9 years 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

    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

    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!

    Mirela
    Participant

    Hello.

    1-I checked your site in mobile (both landscape and portrait), the logo and menu seem ok. Please see the screenshots: mobile-portrait; mobile-menu-portreit; mobile-landsc; mobile-menu-landsc; tablet;
    Can you please explain better what the issue is?

    2-Please add this code into yoru custom css box:

    @media (max-width: 767px) {
    .codeless_slider .nav-roundslide a.prev { top: 275px;}
    .codeless_slider .nav-roundslide a.next { top: 275px;}
    }

    Edit the values to your wish. Let us know.

    Best regards!

    tmbaldwin
    Participant

    Hello,

    I am using the fullscreen overlay template for a client’s website. It looks great on desktop and tablet landscape but the responsive design starts to completely break down on tablet portrait, mobile landscape, and mobile portrait.

    I’ve managed to correct most of the issues by changing the front end CSS using the Visual Composer; however, there are two outstanding problems I can’t seem to fix.

    1. Logo and menu position on the individual portfolio pages

    These can’t be accessed using visual composer (I’m using the Codeless portfolio template). The changes I made in the Visual Composer to adjust the headers on the other pages were:

    @media (max-width: 797px) {
    #logo img.dark {
    display:block;
    visibility: visible;
    }

    #logo img.light {
    display:none;
    visibility: hidden;
    }

    #logo {
    left: initial;
    }

    .fullwidth_header .header_wrapper header {
    padding-left: 70px;
    padding-right: 20px;
    }

    @media (max-width: 480px) {

    #logo {
    float: left;
    }

    .fullwidth_header .header_wrapper header {
    padding-left: 10px;
    padding-right: 10px;
    }

    .header_5 .header_tools {
    display: table;
    float: right;
    }

    I’ve tried variations on this in the CSS editor but doesn’t seem to be working. Suggestions?

    2. Content position on homepage sliders for mobile view

    On the mobile version, the slide content and the navigation buttons overlap. I’ve tried to alter the position of the content to move it higher and/or the navigation lower. Unfortunately I can’t seem to find a fix. Suggestions here would be welcome as well.

    The website is aquahomesdevelopment.com

    Thanks!

    In reply to: Issues with header

    Frankie
    Participant

    Thank you very much! That seems to have worked.

    I just have one more issue sorry. When my site is viewed on a mobile device the button in the header is not visible. Is there any code I can enter to make sure it is still there below the responsive menu?

    Thanks,

    Frankie

Viewing 15 results - 1,006 through 1,020 (of 1,354 total)