Forum Replies Created
-
Posts
-
Hi Anna,
You’re welcome! Looks like you found a much more elegant solution – I unidid my CSS and tried it your way but it didn’t work for me (weird!), so reinstated the CSS and all is good. I need to know much more about CSS than I do to understand why this is the case, but most importantly it appears resolved!
Glad to hear you got it sorted :-)
Joe
Hi Jordan,
I think I have solved the issue by using a media query – please could you take a quick look and just confirm that this is correct?
Obviously, this is a workaround but I wonder if there needs to be a way to make sure the burger icon does not appear if it is not wanted on a sidebar menu setup.
Once again, thanks for your input and support!
Joe
Hi Anna,
I’ve just been trying some different things out, and this seems to work for me – see if it helps you too! This makes the burger icon disappear when the screen is 768px wide or larger. I’m not promising anything as I am a total novice, but I hope this helps.
Add this to your Quick CSS:
@media only screen and (min-width: 768px) { .av-hamburger { display:none!important;Best,
Joe
Hi Jordan,
Many thanks for your reply! Unfortunately the option you describe is not available if you have a menu placed in the sidebar – I was hoping it would be something so simple but it seems there is something else causing the issue!
Many thanks,
Joe
Hi Rikard,
Apologies for the delay – I have been away.
I have added this customisation:
.avia-menu-text {
font-size: 12px !important;
}which ensures that the text displays at the correct (i.e. 12px) size. I did this because without this CSS unfortunately the text reverts back to 16px as per my original post. Feel free to take a look at my site (I put the login details in a PM beforehand). Thanks again for your help in this matter!
Best,
Joe
Hi Rikard,
Thanks for your reply! Unfortunately I am back with this issue – when I adjust the ‘Main Menu Links’ font size in the Enfold Child advanced settings, it only adjusts the line spacing of the menu links. The actual words that form the menu links themselves remain the same (16px) size. I have repeated all the above steps – deactivate plugins, clear cache etc but I still cannot adjust the size of the main menu links.
When I applied the theme update this morning it obviously removed the CSS addition I had made (mentioned in my first post). No problem – I can reenter it, but I’m still concerned that something is preventing me from being able to change the font size in the way that I want! I’m wondering if this is a bug? Or something wrong still at my end? My site is pretty simple so wondering where else could the problem originate?
Thanks again, yours, a puzzled user!
Joe
SORTED! I don’t know if this is helpful:
After reading more on here I used my browser’s ‘Inspect Element function’ and found that the offending size is in line 291 of layout.css
Using Dreamweaver I took a peek and found that the thing I was looking for was called .avia-menu-text, so I added this to my Custom CSS within Enfold:.avia-menu-text {
font-size: 12px !important;
}And it has worked! My only remaining question is: Is there really no way to do this from within the theme style settings? Or is there still something I am overlooking?
Anyhow, thanks for your patience with a noob!
