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
Related
I am using a template for my blogger blog (realmethemez.com) in which images are set to resize automatically in post in mobile view. In desktop view image are properly resized but in mobile view all post image get stretched. Can anyone please suggest me any code to fix that issue.
A little late answer but ... You do not need a code to change this! Click on an image you want to change in the editor, then options on image size will appear. Select original size. It will probably look crunchy in the editor but since that is what I understand a responsive template you have it will look perfect on the web.
I have a floating action button on the right side of my webpage but when I check it on my mobile, its either completely missing from the page or obstructing the overall view. Ideally, i would want that to stick to the bottom of the page on my mobile. Any tips on how I can do that with HTML and CSS?
You should use media queries in order to display floating action button differently inside smaller or higher resolutions.
You could also analyse window.navigator object inside JS and set proper class on <body> so that it can be later used in CSS if you want to differ between physical devices.
In order to know why button is missing I suggest you to connect your phone to debug tools and see what's going on.
Sticking your button to the bottom would be probably achievable with position: fixed
Currently working on my first website for a local business and I'm having an issue with the navbar when viewed on movile devices. If the device is unable to display the entire navbar when you scroll to the right it shows an empty space. I'm not sure what is causing the issue, could someone please point me in the right direction?
Here's the site URL - www.riksystems.com/index.html
Thanks.
It looks like you have a fixed layout and not a responsive one. Check directly from the getbootstrap how to create a responsive layout and check the code for a responsive navbar so when it is viewed on smaller resolutions the menu will colapse and show a button that you can click on to see the full menu.
Click here.
and scroll down for the responsive navbar.
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 have a rather annoying DIV problem, im working on dreamweaver CS5, and i have 2 DIVS inside of another container DIV. But they cant seem to stay next to each other on the design view of Dreamweaver, but when i preview them in a browser they are okay, they are only distorted in the design view, its kind of annoying working with them on top of each other.I have tried decreasing the size of the divs, but they just cant seem to stay side by side.! how do i solve this?
There is no substitute for a browser, or browsers as you need to test your site in all the latest browsers. I would switch off design view and have a browser open on the side or on your second monitor if you have one. You can setup scripts / browser add-ons that continuously refresh your browser so you can see your changes reflected.
Having said that, In Dreamweaver I suggest using live view instead of design view.
See that and other useful tips here: http://www.hongkiat.com/blog/10-useful-dreamweaver-tips-for-beginners/