I'm using Typecrafters and Harmony for my website.
However, I do not prefer the full width for my website.
Where would be the best place to change the code for an 80% width, the typecrafter css or Harmony css, or both.
Thank you
Typecrafters Width
(9 posts) (2 voices)-
rpericic
offlineMemberPosted 9 months ago -
The Typecrafters pages all use a content wrapper, so you would set this to the 80%. Best place to add it is to the p7Typecrafters-01.css style sheet:
.content {
width: 80%;
margin: 0 auto;
}
@media only screen and (min-width: 0px) and (max-width: 768px) {
width: 100%;
}Posted 9 months ago -
rpericic
offlineMemberWhere is the best place to add? On top or bottom or it doesn’t matter? I tried 80%, 90%, 70%, and it all looks the same on my 31” screen. What am I missing?
Thank you so much for your assistance.I inserted the code at the end of the style sheet.
Posted 9 months ago -
rpericic
offlineMemberHi Gerry,
Thank you for your help.
The website is rp-excel.com.Also, can I keep iPhone at 100%?
When it’s at 80%, it looks awful.Thanks again.
Posted 8 months ago -
The page is rendering perfectly at 80% width, the css code was added correctly. Perhaps you are looking to have a max-width, like 1200px, instead of the 80%?
The second rule I gave you would address the phone issue, add it to your style sheet:
@media only screen and (min-width: 0px) and (max-width: 768px) {
width: 100%;
}Posted 8 months ago -
rpericic
offlineMemberThe page is rendering perfectly at 80% width, the css code was added correctly. Perhaps you are looking to have a max-width, like 1200px, instead of the 80%?
The second rule I gave you would address the phone issue, add it to your style sheet:
@media only screen and (min-width: 0px) and (max-width: 768px) {<br />
width: 100%;<br />
}I did add the media code, however, on my iPhone it renders it at 80%?
Thanks againPosted 8 months ago -
rpericic
offlineMemberThank you so much!
Posted 8 months ago
Reply
You must log in to post.