[PeteGWebmaster]

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

[PeteGWebmaster]

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.

[PeteGWebmaster]

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?

[tikaram]

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

Regards,
Tikaram

[PeteGWebmaster]

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.

[PeteGWebmaster]

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

[tikaram]

@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

[PeteGWebmaster]

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%;
}
}

[tikaram]

@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

[PeteGWebmaster]

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.

[tikaram]

@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

[PeteGWebmaster]

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.

[PeteGWebmaster]

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.

[tikaram]

@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

[PeteGWebmaster]

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.

[tikaram]

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

Regards,
Tikaram

[PeteGWebmaster]

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

[Author]

Posts