Topic Tag: mobile | WordPress.org

Can you post a link to the site?

Also, is your logo a background image, or an inline image?

I have a WordPress site I'm helping someone fix. The problem is that the navigation menu disappears when you look from a mobile device on certain pages. This is the website: http://siemakitchenandbath.com/. The mobile nav menu works fine on any of the product pages, but not the home, blog and contact pages. I've tried fixing some errors in plugins I saw but nothing worked. Can somebody help to see what the issue is?

Here's a screenshot from a product page where it is working: http://i.imgur.com/bhOPABz.png

And from the home page where it's not: http://i.imgur.com/GRO6aYV.png

The mobile nav menu works fine on any of the product pages

Do the product pages use a specific Page Template? If so, can you apply it to the other pages?

It doesn't look like it's using a specific template. It says the template is Default Template in all the pages. I have no idea what's making the product pages any different from the other pages.

What are you using to generate the Product Pages?

It's using WooCommerce I believe.

It might be the theme too, I'm not sure. It's this one: http://themeforest.net/item/sistina-flat-multipurpose-shop-theme/5220602

I'm trying to find where exactly the pages are coming from.

When using online site scanning tools, I am intermittently getting either 500 server responses or worse this:

https://blog.sucuri.net/2014/12/revslider-vulnerability-leads-to-massive-wordpress-soaksoak-compromise.html

You have a well know and vulnerable version of rev slider on the site.

As such I cannot review the site, which I might if I thought it was most likely secure. Please review this and also please consult Woo on the menu issue as it's most likely related to them.

I had broken the site trying to update the theme about 30 minutes ago so that might have been the cause of the 500 server responses.

I'll look into the revslider issue though. That's the plugin that was actually giving me trouble before. However it's not on the Blog and Contact pages so I'm thinking that's not what's causing the nav menu problem.

i sent email to automattic for this issue, they give me this fixed, put the code into Custom CSS feature in Jetpack:

@media only screen and (max-width: 640px){

div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:nth-child(3n+4), div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post:nth-child(3n+4) {
  clear: right;
}

div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:nth-child(3n+6) {
  clear: right;
}

div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:nth-child(3) {
  clear: left;
}

}

Hello,

I've this problem on the mobile lay-out of my theme Couponer. When on mobile I can't open the menu. WHen you click on the menu it should open a list of menu items, but when you click on it now nothing happends.

Thnx in advance!

thanks , but this did it:

#site-logo img {
height: auto;
max-width: 100%;
}

There are no problem in desktop version.But when i open my site in mobile version, the slider title didn't show up...only post image...How can i settle this?

Thank you so much Northwoods Creative! If anyone wants to change also the font color, here's the code (where I also transformed the text to uppercase):

#mobile-menu-1.select-menu {
background: #9e8ba0;
color: #f1f1f1;
text-transform: uppercase;
}

@marziyehe the plugin doesn't really add any styles to the logo, and is dependent on Storefront's default styling.

You can adjust this though with some custom CSS. Please try the following the code below if it would work for you:

.site-header .site-logo-anchor img {
    max-height: none;
}

Do make sure that you upload an image that has good enough width on it.

did you do this in a child theme?

Try something like this, and let me know how it goes:

function custom_theme_setup() {
	add_theme_support( 'post-thumbnails' );
}
add_action( 'after_setup_theme', 'custom_theme_setup' );

Hi everyone,

I am using a different slider for the mobile home page. It seems to have too much blank space between the slider and the text underneath.

I suppose that it's just inserting CSS. Any idea what to put?

Many thanks!

Yes, it worked perfectly.

I tested it on your theme and it was there, you might need to scroll down a bit.

If it's not I'm not sure what would cause it to disappear.

Latest Images