I have a Wordpress website, and the page names are listed at the top. On a PC, when I hover over some of my pages, it displays more child pages assigned to that certain page that I can click on. However, if I visit my website on a touchscreen device such as an iPad or Android device, I find it impossible to click on the child pages under the parent(I have tried holding my finger on the parent page as well). Is there any plugins that I could install to make those pages/drop down menu accessible for touchscreens? or any other solutions?
I apologize if this was hard to understand, and any help is greatly appreciated.
Thanks.
You're going to want to use a mobile optimized theme. It can be difficult to find one that looks good at full resolution and on mobile/touch devices, they might cost money, or you might need to use your current desktop themes for other reasons. What you can do is install WPTouch which displays a special mobile/touch optimized version of your size for those users, but leaves your full desktop site theme alone. I believe this will require the least amount of effort and allow all of your content to be navigable.
Check out WPTouch here.
The broader question about building a responsive site or navigation system that works on mobile/touch as well as looks good at full screen width is probably goes beyond what you need, so I offer you this plugin. Good luck!
You might also be interested in checking out the Wordpress Stackexchange community here.
Related
i'm trying to set up an archive page using wordpress (with elementor) that lists 3 other articles (all blog posts but could be normal static pages). the archive page is to have basic info of its own then summary versions of the 3 articles below it, each with "read more" links that link to the full page versions (the usual thing). this is the intention anyway. elementor says i need pro version to do this, astra theme also seems to want this. i haven't been using wordpress very long & am not yet familiar with the php templating side of it am trying to avoid it if possible as i just want to hurry up & finish this site. but if i must i'll get into the php.
anyway, any assistance would be helpful. even if it's just clarifying what i'm not understanding at the moment. cheers in advance for any help
After developing hundreds of websites with Astra and Elementor, I can confirm your suspicion. And even if you do have the PRO version of Elementor, you are still incredibly limited in designing the "Archive Layout" as elementor only supports 1 block for the "post listings".
TL;DR: Elementor Anywhere will let you create highly reusable templates/themes to circumvent PRO features, and add much more granular customization of elements in "The Loop".
I’ve been experiencing a problem that I was hoping someone could point me in the right direction. In an effort to make my website more mobile friendly, I purchased a mobile responsive theme. While I know I could have created a sub-domain or a directory to house the mobile version of the website, I’ve been attempting to have the original domain http://example.com switch themes based on the user. In other words, for http://example.com, Desktop user views DesktopTheme and Mobile user views MobileTheme. With the Any Mobile Theme Switcher plugin, I was able to accomplish this will little issue. However, for certain pages I would like to be able to display the desktop version to the mobile user. For example, for single posts, I would like the desktop user and the mobile user both to see the DesktopTheme.
Unfortunately, after several hours of searching and experimenting I am not further along than when I started. Using different templates appeared to be an option, but it’s not a true theme switch. When I altered the template files, mobile users received a hybrid version of the site that includes the mobile header and an unstructured version of the desktop version. A similar result was achieved when I simply copied the single.php file from DesktopTheme into the folder for MobileTheme.
Example:
<?php get_header('/var/www/html/wp-content/themes/DesktopTheme/header.php'); ?>
Any ideas?
There is a plugin that you can use for switching themes based on the post type as well as a lot of other conditions:
http://codecanyon.net/item/wordpress-theme-switcher/558740
I'm not aware of any free version that offers the same functionality, but that doesn't mean one doesn't exist.
With that said, I think you should reconsider your approach here. The entire point of responsive design is so you do not have to have separate mobile and desktop sites. I think you should sidestep this entire issue by using the responsive theme everywhere.
Using a single responsive theme is going to make maintenance much easier and give the user a more consistent experience.
Also, get_header is meant to load a header file from the current theme. You can't load components from other themes and expect them to work correctly.
I don't know how but suddenly white space appeared under website menu.
Please check website www.quoteradar.co.uk and help me I'm worried and have spent many hours.
This is due to a break in your WordPress theme.
Your mobile navigation menu is being displayed by default and looking through your CSS, it shows that there is nothing in place to hide it until the device resolution hits a certain point.
Your best choice would be to email/phone/contact ElegantThemes who are the developers of the divi theme that you're using and to request a fix from them. Considering its a paid theme, id expect support to be available.
Other than that we can't really help you as you the CSS is minified and would take a large amount of CSS, media queries and trial and error to get the page to work as it should
I'm trying to make some edits to a website. The website is based on a CMS and runs on PHP.
I have some html/css experience and have a thick guide to PHP into book to help me.
Among the many edits I'd like to make to the site which are out of the control from the CMS admin area, I'd like to add a Facebook link in the main nav.
Now, I would normally, if inheriting someone else's simpe HTMl/CSS site just use the inspect element feature in Chrome of FF and then see whereabout to edit the code.
Probably a classic rookie question but how does one do that with PHP? If I right click the nav on my site, how do I know which PHP file to edit? Is there a "best way" here?
Here's the site incidentally if it helps at all. I'd like to add (among many other things) a Facebook icon next to the RSS icon in the main nav. I just don't know which file to edit.
http://tinyurl.com/byal33m
This all depends on which CMS you are using. It's like asking - I have a 'word processor', how do I add an image...
You should read the documentation that comes with the CMS that you are using. It will likely explain where the files are.
Typically, CMSs usually have a core directory with contain the files that make the CMS work itself, which you wont need to edit.
Then there is a themes directory which contains the files that make up the HTML that is actually rendered and supplemented with data from the CMS. In the admin area, it usually tells you which theme you are using and where it is located.
Wordpress is a popular CMS, and their documentation explains the basics: http://codex.wordpress.org/Using_Themes
-- Updated
Question relates to Ushahidi CMS which has documentation indicating theme HTML located in the 'themes' subdirectory.
https://wiki.ushahidi.com/display/WIKI/Themes+-+Developers+Guide#Themes-DevelopersGuide-HowdoIinstallatheme%3F
Having a bit of difficulty trying to incorporate the phpBB forum within a on our own page. Does anyone know if this is actually possible?
It might be that phpBB is not the correct product for the job but I had to start somewhere. Looking for a low quantity Message Forum to incorporate into our website. Rather than have it in it's own page I would like to build it into our standard page layout with our own Header, Menu, Quick links panel, floating Footer etc.
Can this be done, if so is phpBB the right Forum to use or should I be looking at something else.
Thanks,
You can create a phpBB board style which matches your regular page layout. See e.g. http://www.phpbb.com/kb/article/how-to-create-a-style-basics/ for some details.
Note that phpBB updates can introduce changes to the default board style - when this happens, you will need to update your board style accordingly to make sure everything works as expected.
You could try modifying the phpBB template files (.tpl) to pull in your website framework and then the forum will be surrouned with your actual website e.g. header, menu, footer, etc.
Here's a little more info: http://www.webhostingtalk.com/archive/index.php/t-518275.html