boldlygo

Okay. I changed it but it isn’t bringing any errors on the homepage. There is a wp-config.php and a wp-config-sample.php under the treemousepads.com folder. I changed it in wp-config.

Where should it show the errors?

I changed it from ‘define( ‘WP_DEBUG’, false );’ to ‘define( ‘WP_DEBUG’, true );’ by logging into my ipage account and then editing wp-config. There are three options for each file ‘edit/preview/download’. Edit and preview aren’t bringing up bug reports. Am I supposed to see the bug report from the file manager or when i’m logged into wordpress? I also tried adding ‘define(‘WP_DEBUG_LOG’, true);’ but i can’t find a bug log.

Thanks,

I can’t get wp_debug to work.

I figured out that if I click on ‘appearence’, ‘customize’ and then change the front page display from ‘a static page’ to ‘your latest posts’ then the menu works like it should when I’m in mobile mode.

One option here might be to the post title/date/etc and stretch the posts across the screen. Is there any downside to having the iframe in a post instead of in a page?

Thanks,

I can’t figure it out. Is there anyway to just turn off the menu toggle so that the expanded menu displays in mobile view?

More on this topic here:

https://www.ads-software.com/support/topic/menu-does-not-show-up-when-viewed-from-mobile?replies=9

Thank you Joel!

It’s using the twenty fourteen theme for the mobile view now instead of weeble. I just got one more thing to fix for the mobile view. How do i get the pages in the menu to come up when people click on the menu list button in mobile view?

If I deleted everything in there, reinstalled wordpress, and uploaded everything in the twenty fourteen folder would that fix it? What’s the safest way to do that?

Yes. I had a previous theme on there where I was playing around with Weebly.

I went into the root directory(wp-admin and wp-content were folders in this directory) and replaced .htaaccess with the Basic WP code. Nothing seems to have changed though. Is there more than one .htaaccess file?

I noticed that I have a folder called mobile that has one file in it called index.html. Do you think it would be okay to delete that file?

Edit for Update: I went ahead and copied the index.html in the mobile folder and then deleted it. It doesn’t seem to have changed anything…

Hi Joel,

I deactivated all of the plugins but I still seem to be having the same problem. Is this something I’m supposed to be able to set through twentyfourteen’s UI?

Thanks,

I don’t understand why but following these insturctions fixed it(or at least improved it): https://uploadwp.com/embed-an-amazon-astore-in-a-wordpress-site/

It still isn’t responsive, but I can move view the entire webpage from my phone now.

For some reason ‘blank title’ still comes up at the top of the page when I look at the website from my phone. I don’t understand why since the website does have a title.

“I’m not sure how to solve that! maybe a media query for mobile devices that adds overflow:scroll; !important to the iframe at resolutions below 800?”

I’m on a PC and I’m a newbie at all of this. What would that look like?

Thanks for the help!

I changed it to this:

.amazon {
position: relative;
padding-bottom: 10%;
padding-top: 30px;
height: 0;
overflow: scroll;
height:400px;
}
.amazon iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important
}

and

<div class="amazon">
<iframe src="https://astore.amazon.com/treemousepads-20" width="500" height="450" frameborder="0" style="border:0" scrolling="yes"></iframe>
</div>

When a view the page from my computer it now has a scroll bar. There’s no change to how it looks on my phone.

Hey Kidcompassion,

I tried to follow those instructions earlier today and couldn’t get it to work. This is what I currently have:

<div class="amazon">
<iframe src="https://astore.amazon.com/treemousepads-20" width="500" height="450" frameborder="0" style="border:0" scrolling="no"></iframe>
</div>

With this in my css:

.amazon {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.amazon iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

Hey Lorro,

I guess I’m confused then. The content on https://astore.amazon.com/treemousepads-20 looks great on my smart phone. What do I need to change so that my phone will still grab all of the content when it’s in the iframe on my website? Should I be using an iframe?

When I look at the amazon store on treemousepads.com from my phone, I can only see the two left mousepads and a piece of a mousepad on the right.

It looks like that’s already in there.

Anyone? ??