Jake Huddleston

Here is an example page on my site: https://www.jakehuddleston.com/videography/

Alright, so I made the switch to one of WordPress’s basic themes: Twenty Twelve. It is supposed to have mobile capabilities built into it, but even now that I have switched, the mobile version is still not showing up correctly. A completely different set of problems.

What I would like is not a theme that automatically creates a compatible mobile version, but rather, a theme that will show up on a mobile device exactly the way it appears on a computer screen, and to be able to pinch/zoom around each page. It seems simple but all these themes with ‘mobile’ capability appear to try and convert the site to a mobile version that simply doesn’t work very well. Whether this is based on all the plugins used in the design of the site, I don’t know. But it is still very frustrating…any more advice on how to achieve a simple mobile version of a website?

Ok, great. Thank you so much for the advice. That’s good to know that there are themes with that functionality already built in. I will begin looking at new themes to consider. Thanks!

The theme is ‘Third Style’ from paomedia. It was a free WordPress theme. I guess I could consider switching themes…it’s just that I’ve done it once before and it’s a hassle to switch over and take advantage of a new format. It may be worth it though…would it be difficult for someone to modify the existing CSS do you think? My roommate knows some CSS and could probably change it for me, but I don’t want to ask him to do it if it’s going to take a lot of work…

Pretty much no knowledge of CSS…that’s what sucks about being new to WordPress, problems come up that you had no idea about before and you’ve already built your site. Hmmm…what are @media queries?

Btw, here is the link to my site: https://www.jakehuddleston.com

Thanks Christine, I am new to WordPress and coding in general so I will definitely start to ‘experiment’ with changing code to see what works.

Unfortunately I can’t seem to find the code that you said to remove…is it in the style.css or in header.php? Thanks!

Fantastic! It worked. This forum is great, thank you for being so helpful to those like me who have little coding experience.

Btw, I accidentally hit the ‘resolved’ button on this thread, but it is not actually resolved yet…my mistake.

Hi WPyogi,

Still nothing, but I really appreciate your continued help.

@ravzen,

I do not see that exact line of code in the header file…is that a generic version of the code that may be different based on the theme being used?

Thanks WPyogi. Unfortunately it still is not working…I added the code you gave to the end of style.css but still no luck. I have temporarily left the site title and description visible so you can see exactly what’s happening, just in case that helps.

Yes, the site title and site description is the issue. Where in the CSS should I add this?

Basically, my problem is that I have a custom image as my site header, but the additional text header (General>Settings>Site Title) overlays itself on the custom image. I can get rid of the text header, but that also gets rid of any text that shows up in the web browser tab when visiting the site. The people in the other thread fixed this problem by removing some code from the header.php. However, the code in the header.php for my theme is different, and I don’t know which segments of code to remove to fix the problem. Does that make sense?

Whoops, nevermind, I just went back to look over things again and the image now fits! Not sure why it took a few minutes, but it is working. Thanks again for your help!

Hi michael.mariart,

Thanks for the tips. Unfortunately, everything still seems to be the same after changing this value…I even verified the size of the image and deleted/reposted the image into my page. Still nothing…anything else it might be?

I didn’t know that there was maximum image width separate from the page width, so thank you. I will definitely check out Firebug.