hi mr ta
u wrote:
“You said you cannot get the menu width smaller than 20%. Also, when you say menu width, I am assuming you are referring to the side column width? I need to make sure this is what you are referring to? The menu itself does not have a width applied to it, but the left side column does.”
Yes I’m referring to the side column width. can the width not get smaller
because @media (min-width: 48em)?….can I safely change the min width?
I’m sorry I’m really confused about all of this….
thanx…alan…..I think the morph L will work for me…just need to understand the deatils
First, no need to say sorry.
Regarding the code I posted for you:
@media (min-width: 48em) {
.sidebar {
width: 30%;
}
.site-content {
margin-left: 30%;
}
}
@media (min-width: 68em) {
.sidebar {
width: 18%;
}
.site-content {
margin-left:18%;
}
}
.main-navigation {
text-transform: none;
text-align: left;
}
You can change the width and the left margin to what you want, so you are not restricted to my example above. I put in 30% but you can make that less if you want. You can also use pixels instead if you prefer. So you could do it this way:
@media (min-width: 48em) {
.sidebar {
width: 150px;
}
.site-content {
margin-left: 150px;
}
}
@media (min-width: 68em) {
.sidebar {
width: 200px;
}
.site-content {
margin-left: 200px;
}
}
.main-navigation {
text-transform: none;
text-align: left;
}
What is important is that when you change the width, make sure you use the same number value for the “margin-left” as well.
hi Mr TA
thanx again for your feedback.
I got the sidebar to the width I want.
It’s a bit tough to try & describe what I would like to
change in the content width. if the browser width is say
half the screen then the sidebar is not visible the menu is a dropdown.
when I increase the width of the browser at some point the sidebar
becomes visible but without content. further increasing the width
at roughly 3/4 of the screenwidth the sidebar content becomes visible.
Is there a way to make the sidebar content appear when browser width
is roughly 2/3 of the screen…..I hope u can follow what it is
I would like to able to do. my page content is not wide enough to use
all the space the width provides….(roughly only 2/3).
thanx…..alan
Are you manually resizing the browser window, or are you loading the site in a screen that is already in those sizes, such as a phone, a tablet, or small screen, or using an online tool to immitate these small screens?
manually…..I use a Toshiba laptop & an acer tablet…
proportionatly what is visible is the same on both devices
while manually changing the browser width. (internet explorer windows 10)
my website http://www.chordslyricseditor.com….so u can see what I mean.
I did my description using the Home page.
ooops sorry
my website http://www.chordslyricseditor.com
sou can see what I mean. I did my description using the Home page.
It looks like something was changed that is causing the problem that I see where the page does not go completely into the mobile view. When odd things happen like this, especially if custom code and changes were done, I usually say reverse all changes made and go back to when and where it was working before, then try again.
What CSS code did you add to your site and where did you add it?
Actually….copy the code you have in your custom stylesheet right now and save it somewhere safe. Then replace your CSS with Only this
@media (min-width: 68em) {
.sidebar {
width: 14%;
}
.site-content {
margin-left:14%;
}
}
.main-navigation {
text-transform: none;
text-align: left;
}
actually….hold off on the change. I’m going to be doing an update to the theme which will affect your site (hopefully for the better).
I just now uploaded the update to Morphology Lite that may affect your site for the better. Once the update notice appears in your admin, update the theme and then see how your site looks.
Hi Mr TA
Again nice to hear from u…
as a programmer myself….altho on another platform(visual basic)
I too realize how important feedback can be….you can make your product better.
I realize that can help u w/ur your pro version. I wish you the best w/that by the way.
I like talking w/u. I hope the feeling is mutual..u are very reliable…I appreciate that.
Reading ur last 4 posts…I’m a bit unsure how I should proceed.
I got the notification of your update….at the beginning I didn’t create a child theme.
so today I tried to download a complete backup of my web page via FileZilla.
It took hours…even then I was not sure if it was complete.
I’ve read that installing an update of a theme can lead to losing ur custom changes.
I don’t know how accurate that is….but it still makes me nervous.
My web page is at the very beginning…it’s not very complex.
So I think I’ll just manually download the content pages & save them.
Where would I find the sidemenu content file?…& is saving the database relevant?
as soon as I have that done I’ll install ur update…
then let’s go from there….if u have any alternate suggestions..much appreciated.
thanx..alan
Hi Alan…the best way to do a backup your website and with the database, is with a plugin, such as BackUp Plus (just one of many options). I’m guessing you manually downloaded your whole site?
As for losing custom changes, this only happens if you modified the theme files themeselves. For CSS when using a plugin like Simple Custom CSS, you won’t lose what you’ve done. Likewise, if you use a child theme and put all your modifications in that, you won’t lose anything. If you are simply clicking on the “Update” button or link for the theme itself, you won’t lose anything, including the customizer options.
Long story short, it’s safe to click on the update. Although, I do recommend using a backup plugin before you update themes, plugins, or even WordPress itself. Always best to play it safe for unexpected things.
hi ta
saved my pages then installed ur update….no problems.
yesterday I saw no differene when resizing the browser
today it works….big improvement….get back to u on details
alan
hi ta…..I increased my sidebar width…perfect…well solved…thanx…alan
