I know how to make these tabs: https://www.facebook.com/youseedanmark/app_129835087123805 on Facebook. But it won't show them on mobile. How do I fix that. Bear with me if this is a repost, but I really couldn't find this question
But it won't show them on mobile. How do I fix that.
Not at all. Because page tab apps are not available one the mobile version of Facebook – by design.
Related
I'm an amateur web designer with HTML experience mostly. I'm building my own website for a hobby, and ran into this snag. I've only recently noticed it though, so I'm wondering if it has anything to do with the recent iOS update?
Like the title says, when I go to my website, everything is fine. Then I click on one of the links to the "Contact" page, let's say (or any of the links that take you to another page), and then hit the browser's back button to go back to the previous page, the button's image I had just clicked on ("Contact" button) has disappeared and I'm just left with the button's name I named it. This repeats for every button I click and then hit back in the browser. This only happens on mobile devices though (I've only had the opportunity to check on an Apple phone and iPad). It doesn't happen on my laptop. I've tried searching for answers to this, but can't find any. I've only just noticed this happening though, which leads me to believe it might be a software update issue? Although it's entirely possible I just never noticed before.
Here is my website so that anyone interested in helping can take a look and let me know what you think might be the problem/solution. Thank you very much for any help you may be able to provide.
https://www.atomicorchard.com/
It's okay on my end. Try optimizing your images and check your JavaScript. The problem may be occurred once that script is being executed. And try adding media queries.
I recently switched my menu to a responsive menu. I'm not the best with html so I used a free menu. It works perfectly fine, even on mobile, but it doesn't seem to work on firefox. Sadly our site gets a bit of traffic after some advertising for our horse and I just switched the whole site to the new design. Now I don't want people to look at our site and not see a menu so I don't know what to do which is why I'm asking for help here.
http://ykw-gypsyhorses.com/ is my website. Does anyone know how to fix it?
I don't want to mess up my coding again so I haven't tried anything yet.
Try adding position:absolute; and z-index:10000; to the menu's selector. This will ensure that the menu stays on top.
I have been looking to develop a mobile-device website. I've been looking at the available mobile layout frameworks and am currently looking at jQuery Mobile.
Since there's no room to display the menu all the time, I was thinking I want a button on the left side of the title bar that opens a drop-down menu. Similar to the drop-down menu on the left of the Facebook header.
I was surprised to find no examples of a menu like this. Can anyone point me to some examples of this, or perhaps offer some tips?
That element is commonly called a Side Menu, and there are ample resources online for it
quick google search gave me these results, but there are plenty more, good luck.
http://purecss.io/layouts/side-menu/
http://www.berriart.com/sidr/
http://ionicframework.com/docs/api/directive/ionSideMenus/
Not sure if anyone can help me. But here's the issue. I'm making a mobile website for personal use and having a heck of a time with a free template I downloaded...
I'm wondering how I can put a title on a responsive menu of a website. When the site is visited on a desktop, a normal menu shows fine. However, when visiting on a mobile device or tablet, the site should automatically collapse the menu (which it does) and then show a single menu title that users can interact with.
Using google chrome I can inspect the element and find either a nav.php or bootstrap-responsive.css file that I can edit in order to add the menu title.
Can anyone provide any insight? I'm not sure what I need to post... The site is http://bit.ly/15TpCjW
Thanks! Let me know if I need to provide any other information!
Adding the class of brand below each icon set in your nav.php files (depending on the menu that you want to edit) will accomplish this.
I'm very new to web design and just made a simple one page website for my iOS app here. I now want to make it so that when this page is opened on an iPhone, the whole thing is zoomed out enough because right now the right half of the page doesnt show. From my understanding and research so far, I need to use media queries and create a separate CSS stylesheet for mobile. However I feel like for such a simple page there should be an easier solution with some plug-and-play code. Something consisting of a simple conditional-type statement checking if the user is on mobile, and if so, gives the new dimensions of the page. I don't really know anything except for the very basics of html, css, and javascript when it comes to web development, so simple explanations would be highly appreciated.
I think you have to go for http://www.jquerymobile.com it is very good framework for mobile web.
Instead of creating a mobile-specific page you might want to experiment with the viewport meta-tag. The tag isn't used by desktop browsers, but it scales the size of what you see on a mobile device's screen. You can also check out Apple's guidelines for more information.