Search Results for 'mobile menu'

  • 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

    rebeccaolson
    Participant

    3) Unfortunately, it did not move. We made sure to completely power off/on the phone to ensure it wasn’t a caching issue. I also upped the margin to -50 and it still didn’t work.

    4) I’m sorry I didn’t understand that Ruco was only giving me a partial workaround and not the full code.  I didn’t expect you guys to make any code for me, so please don’t worry any more about this – it was a hopeful request that perhaps there was a widget or something I could use. Since that isn’t possible, I’ve submitted it through the proper “suggest features” forum and I’ll leave it at that. Thank you for the reminder, but the link you provided above was to include the cart/search in the navigation bar/header on mobile. I realized after following your instructions (a few months ago) that I do not want the cart/search in the header on mobile. It looks cluttered on small phones to have so many small icons up there by the logo. I was hoping for just a search bar/icon on the side menu. I realize this is not possible without custom code.  I understand that you can’t do this for me, so let’s call it good.

    In reply to: Mobile menu links

    sarahlouisewaterhouse
    Participant

    Hi further to that email I found some CSS to solve the menu links problem.

    All following issues only exist on the mobile view:

    I would still like to know how to stop the text spilling out of the container

    Is there a way to make the logo be responsive instead of remaining very big?

    And just one more thing…sorry…but the container that holds the header and the slider, doesn’t remain at the edges but shrinks in on the right.

    Can you please help me.

    sarahlouisewaterhouse
    Participant

    Hi,

    the links on the mobile menu do not show up.

    Also on a mobile view the text spills out from the white container.

     

    Can you help. Thanks

    https://www.waterarthouse.co.uk/RichardWhiting

    In reply to: Issues with header

    Kris
    Participant

    Hello,
    1,2– Please add these lines to your custom CSS box:

    @media (max-width: 480px)
    {
    .mobile_small_menu{
    margin-left: -5px !important;}
    
    #logo img {
        height: 45px !important;
       left: -15px !important;
    }
    }
    

    3– Add these line to your custom CSS box:

    @media (max-width: 1100px) and (min-width: 981px){
    #logo img {
        height: 40px;
    margin-top: -20px
    }
    
    .header_button{
    margin-left: 9px;}
        
    nav .menu > li {
         margin-right: 0px; 
         margin-left: 0px; 
    }
    }

    Let us know.
    Best regards!

    Mirela
    Participant

    Hello,

    3) The code does work, but you had pasted it wrong. There where errors in your custom css box. I edited it and now the expected result is eventually showing. Please check your site.

    4)Unfortunately, it did not work; the mini cart showed up in the side menu- but there was no search box.
    I think you misunderstood the last reply. By default the search does not display in responsive mode (left menu style). The cart does. So my colleague offered our help to make the custom edit and add search in this layout. We did not say that by checking the “turn on header tools in responsive and search” option, the search would show up. You need custom code for that.

    NOTE: We already did the job to display cart icon in mobile side menu, in this other topic of yours. You can use the same logic to display search if you still want it.

    Best regards!

    jaydul
    Participant
    Chrystal11
    Participant

    Hi there,

    I am having a few problems I am hoping you can please help me fix on my site:

    Mobile Version

    1. When I go to the mobile version of my site the menu is sitting on top of the logo, how do I move it to the side?
    2. And when I click on this menu in the mobile version it just shows the sub menu, and not the main menu, how do I correct this please?
    3. Also the text in rows sticks out above the background image I have placed within the row, plus one of the rows is cutting off half the text so you can’t even see it, how do I correct this please?

    Desktop Version

    1. How do I remove the margin/white space below the header? It comes up with a white thick margin underneath the header image and when I adjust the space between rows it is still there.
    2. I am also wanting to insert some text under the main navigation but above the header banner, is this possible?
    3. When I click on my menu the submenu begins down below it starting at the top of the banner pic, is there any way it can just drop directly from the main navigation?
    4. Is there anyway to add a background into the footer? Instead I have created a row that I am using as a footer but in the mobile version the text comes up out of the row.

    Thank you!!

    Ruco
    Keymaster

    Hello,

    1. Please try this code instead:

    @media (max-width: 1100px) and (min-width: 981px){
    .header_11 #logo {
        margin-left: 15px;//adjust the size here
        margin-right: 15px;
    }
    }

    2. I checked it but can’t found the issue you are having.

    3. Use this css code:
    @media (max-width: 480px){
    .mobile_small_menu {
    margin-left: -30px;
    }
    }

    4. Please can you show me your site credentials? I will help you show the search on responsive menu, if you enable the search in header.

    Best regards!

    Frankie
    Participant

    Hi,

    I’m having some trouble with a couple of things in the header of my site using the Tower theme.

    1. Is there any way to resize the logo in the header? I want it to be a certain size for desktop but then shrink to fit in responsive views. Currently on a mobile the logo is too large and being slightly chopped off on the left.

    2. On a mobile view the little menu hamburger icon covers the logo. Is there a way for them to be clear of each other?

    3. When I drag my page size down to an iPad view (landscape orientation) the menu items jump down into the slider or page header. Is there a way to fix or prevent this?

    I can provide photos if necessary

    Thanks :)

    Mirela
    Participant

    Hello,

    I still can not access dashboard, please see screenshot.

    -The white space, is not a space, is an element that is not being displayed. But since it is there, it does take space.
    Add this code into your custom css box, to make it appear:

    @media (max-width: 480px){
    .wpb_animate_when_almost_visible {
        opacity: 1;
    }}

    Result: https://postimg.org/image/i09zf93on/

    -Responsive menu uploading first, is normal for this menu style you have chosen.

    -Sorry but i don’t get the black line when i open your site from mobile. See screenshot.
    Did you manage to fix it?
    Let us know.

    Best regards!

    gianlucasignaroldi
    Participant
    This reply has been marked as private.
    Mirela
    Participant

    Hello,

    The mobile menu does not even have the code present in mobile layout. Did you enable it in theme options? Please go to General > Options > Header Options > Show Responsive Menu Dropdown, set it ON.
    If it still won’t display, then send us your wp credetnials in a private reply. So we can give it a closer look and fix it.

    Best regards!

Viewing 15 results - 991 through 1,005 (of 1,327 total)