- CSS TEMPLATES FREE NOTEBOOK BLOGGER JOOMLA CODE
- CSS TEMPLATES FREE NOTEBOOK BLOGGER JOOMLA PROFESSIONAL
Try setting the #container width to match the total width of its children (the 1600px you mentioned). You can’t design for one window size on one monitor and assume it will work everywhere.Īs for your specific problem, the reason things are moving out of place is that you have a container with a width that does not match the total width of its contents: sometimes things will wrap unexpectedly (because there is not enough space), sometimes things will not wrap when you expect them to (too much space). When working with website layouts, you need to consider different screen sizes.
Given the fact that you are not using the theme as intended, there is really no fault in their refusal to provide a “fix.” You should either use it as was intended, or find a theme that does (or have one built). Well, it’s a free theme that was not custom made for your site.
CSS TEMPLATES FREE NOTEBOOK BLOGGER JOOMLA CODE
The administrators at the FThemes support forum have told me that the problem is that the “container” width is set at a percentage value …but, they won’t give me the CSS code I would need Just FYI, your site doesn’t seem to lay out properly on larger screens, either: likely the same problem. No, as you pointed out, your website is 100% wide. I have two “sidebars” on either side of the “content”. I have the width of the “container” set at 100%. If you need to share large amounts of code, use codepen or make a gist on github. Small amounts of code necessary to demonstrate a problem are fine, but always use code blocks so it is formatted correctly. It makes it very difficult to read/ navigate the discussion. Please, do not “dump” code on the forums. Where it says “LAYOUT” is where you will find the “container”, “content:, and “sidebar” that I am describing: Here is the CSS as seen in the CSS editor. Is there any kind of CSS code I can insert that will force the website to load at the correct width whether it is viewed on a large widescreen laptop, a 4:3 aspect ratio computer monitor, or a small smartphone screen, since it is a responsive website? Can someone please help me resolve this situation? Thank you. They only tell me to set the container width back to the default 960px. The administrators at the FThemes support forum have told me that the problem is that the “container” width is set at a percentage value, while the “content” and “sidebar” widths are set at pixel values and that this is what’s causing the problem but, they won’t give me the CSS code I would need to insert into the CSS editor of my website to fix this problem.
In the second screenshot, that dark blue horizontal line at the bottom is the top of the fat footer on my website. The right sidebar should appear under the social profile icons that are on the menu bar, but the second screenshot shows where the right sidebar actually appears… at the bottom of the webpage, below the left sidebar: Here are two screenshots taken of my website from my friends laptop which has a 15″ widescreen monitor the first screenshot shows the upper part of my website.
CSS TEMPLATES FREE NOTEBOOK BLOGGER JOOMLA PROFESSIONAL
The problem is, when I bring up my website on a 4:3 aspect ratio computer monitor or even a widescreen monitor that is smaller than my 17″ laptop screen, the website is all jumbled up and the right sidebar is pushed down and all the way to the left side of the screen and appears underneath the left sidebar! I can’t run a professional website if it loads incorrectly on different sized devices and causes it to look amateur! I believe my website is 1600px wide and it loads correctly on my 17″ widescreen laptop. My laptop that I used to do some CSS customization on is a 17″ widescreen format laptop. My website Truck Driving Schools Info is a website that uses a custom theme from FThemes called Indicate.
0 kommentar(er)
