Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #124931
    PeteGWebmaster
    Participant

    When we look at the website on our phones, the mobile menu is empty. Not only that, once it’s clicked the page becomes inoperable.

    I removed all the codes from the additional css section and I’m still encountering the same problem.

    Any idea what’s gone wrong here?

    The url is customcabinetsla dot com

    Please let me know. Thank you

    #124932
    PeteGWebmaster
    Participant

    I’m also noticing that the featured content section isn’t centered. It’s looking as it should for 4 images instead of 3. It’s set to 3 columns and 3 images. and I’m not seeing any codes in the CSS related to this.

    #124934
    PeteGWebmaster
    Participant

    I’m using two widgets in the footer section and was also wondering if there was a way to center them so they’re not justified to the left?

    #124962
    tikaram
    Keymaster

    @petegwebmaster : Please try deactivating all plugins and follow this link to know more about Plugin conflict with our theme.

    Regards,
    Tikaram

    #124989
    PeteGWebmaster
    Participant

    The issue is being caused by WP Rocket plugin’s “Load CSS files asynchronously” setting most likely. I hate to turn that off because it affects my SEO score but I did.

    #124992
    PeteGWebmaster
    Participant

    I’m also noticing that the featured content section on this site isn’t centered. It’s looking as it should for 4 images instead of 3. It’s set to 3 columns and 3 images. and I’m not seeing any codes in the CSS related to this.

    Also I’m using just two widgets in the footer section so was wondering if there was a way to center them so they’re not justified to the left

    #125022
    tikaram
    Keymaster

    @petegwebmaster : For featured Content Please use the images with following dimensions.
    Featured Content
    Width: 350px
    Height: 197px

    For footer Section: Go to Appearance => Customize => Additional css and add the following css.

    .site-footer .wrapper {
    	padding: 0 80px;
    }
    #supplementary.two .widget-area {
    	width: 50%;
    }

    Let me know if you need further assistance.

    Regards,
    Tikaram

    #125316
    PeteGWebmaster
    Participant

    I can already tell that canging the image size for the featured content isn’t fixing this error as I’m also having the same issue here where the image sizes all look about the same:

    http://losangeleswebdesignseo.com/doctorwhimsy/

    I’m using the following CSS codes:

    .site {
        width: 100%;
    }
    #feature-slider .cycle-slideshow {
        max-width: unset;
        width: 100%;
    }
    #feature-slider img{
    	width: 100%;
    }
    
    .catchresponsive-nav-menu {
        display: table;
        width: 100%;
    }
    .catchresponsive-nav-menu > li {
        display: table-cell;
      float: none;
    }
    .catchresponsive-nav-menu > li > a {
        display: block;
        text-align: center;
    }
    #search-toggle {
      	display: none;
    }
    
     #main{
    	width: 1100px;
    }
    
    #supplementary.four .widget-area {
        width: 25%;
    .sidebar-primary {
        float: left;
        width: 88%;
    }
    }
    
    #125335
    tikaram
    Keymaster

    @petegwebmaster: Go to Appearance => Customize => Additional css and add the following css.

    #featured-content.layout-four .hentry {
    	width: 25%;
    }

    Let me know if you need further assistance.

    Regards,
    Tikaram

    #125401
    PeteGWebmaster
    Participant

    I’m going to need a different code than that. This code works nicely on desktop but not when I test it from a tablet or mobile phone.

    #125411
    tikaram
    Keymaster

    @petegwebmaster: Can you please explain in detail what needs to be done. Do you want me to check the featured content part or something else on your site.

    Regards,
    Tikaram

    #125668
    PeteGWebmaster
    Participant

    I’d like for the featured content to look right without having the mobile version of the site broken. I was hoping you had a mobile friendly version of that same 25% width code.

    #125670
    PeteGWebmaster
    Participant

    The featured content section is the same size as it was when there were large margins on the sides. Now that it’s a full width site, each featured content module should be wider. That’s the code I’m needing here, something so each featured content box is larger, that way there’s no white space and the whole screen is being filled.

    #125702
    tikaram
    Keymaster

    @petegwebmaster: Please add the following css.

    @media only screen and (min-width: 1200px) {
    #featured-content.layout-four .hentry {
    	width: 25%;
    }
    }

    Let me know if you need further assistance.

    Regards,
    Tikaram

    #125798
    PeteGWebmaster
    Participant

    My mobile template is still broken with this code. The footer is aligning to the left in a 25% manner. The probems should be apparent when you view site from mobile mode.

    #125834
    tikaram
    Keymaster

    @petegwebmaster: The URL you provided is no more accessible. Let me know if you still have further issues with your website.

    Regards,
    Tikaram

    #125883
    PeteGWebmaster
    Participant

    We switched off the full width mode so it’s no longer an issue for this site

Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Mobile Menu Missing’ is closed to new replies.