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.
Related
https://tympanus.net/codrops/2013/07/30/google-nexus-website-menu/
I am trying to use the google-nexus-website-menu options provided on the above link for the website that I am designing for my project.
For that I need to change the menu options and also the menu icons.
I am able to make other changes such as changing the size of the menu, submenu, font, width and all that. But not sure as how do I change the icons provided or how do I add any new icons in that place.
I am new to this area. so any sort of help is appreciated.
thanks.
Website builder name: Dynadot not Wordspace SO I CANNOT MAKE A CHILD THEME
I want css code for my website P.S The website has prebuilt themes and we can basically customize text, change pictures, add products etc. The website also provides a CSS editor like square space does. I have been to so many websites to try to copy some code but not a success. I have no experience with it either. Here is some information that might be useful.Also, the first pictures has drag and drop options like i can drag VIDEO to a certain part Here is a example website: https://www.svpartners.com/ I don't want the image animation it already has i need some new ideas on how to customize it with CSS, Font for the website Open sans
The screenshot 1 shows how my website theme already looks also at the bottom left there is a code option and there is a screen shot #2 for it so it might be helpful. Again I have tried many sites but most ask for money and most are not helpful. ALSO a GIF so you can have a better view😁 please help me out thanks
THE GIF
I am new here, I don't know how this works! Just ignore the writing if it'd not good, Also comment if you need any more details
I have a website(http://www.prinziah.com) for now I'm ok with how it looks(except you want to give me better ideas) but when I view it with a device with smaller screen like a mobile phone the buttons seem to be on the left and not at the center of the screen, I have tried to edit the settings in the admin panel but it didn't budge, I inspected element in my browser but couldn't find the css class that controls it. Please I need tips on how to center those buttons. You can see exactly what I'm talking about in the image below.
Thanks for you help.
The fault was from the theme creators, I guess they realized their mistake and created an update. When I updated the theme my buttons went back to the centre of the page in mobile view
So I have a site built with twitter bootstrap 3. Everything works great and looks good on mobile/tablet as well. What I would like to do is add a link in the footer to allow user to view full site and not the mobile responsive version if they would like.
I know I can change viewpot to force the full site in mobile but I would like to have it default to responsive and should the user choose to want full site they click a link which would disable to responsive features.
I looked around and surprisingly haven't seen much documentation for this which I would think would be pretty popular as most sites have this functionality these days. Thanks in advance
You'd probably have to serve two different versions of Bootstrap, one default and one with a modified variables.less
Have a look at this part of the file:
// Point at which the navbar becomes uncollapsed
#grid-float-breakpoint: #screen-sm-min;
// Point at which the navbar begins collapsing
#grid-float-breakpoint-max: (#grid-float-breakpoint - 1);
You could change it to something like this to never show the mobile menu
// Point at which the navbar becomes uncollapsed
#grid-float-breakpoint: 0%;
// Point at which the navbar begins collapsing
#grid-float-breakpoint-max: 0%;
Call the compiled CSS file maybe bootstrap-desktop.css and then serve this CSS file instead of default if the user visits the desktop site
The easiest way is to toggle the viewport meta tag.
By default have the tag in place.
When they choose desktop mode, add something to the URL or set a cookie to not output the meta tag.
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.