Forum Replies Created
-
Posts
-
Oh, duh, of course! I thought I had done that but I think I never went back to it. So 1/4 columns should be fixed.
So now… how do I make the footer stack?
Is this how I broke it?#footer .av_one_fourth {
margin-left: 0%;
width: 24.5% !important;
}I am using Appearance–>Widgets, I don’t know how I could even change that to grid row or 1/4. The styles use the 1/4 element though.
Also I tried adding this based on another thread:
@media only screen and (max-width: 750px) {
.responsive #socket .sub_menu_socket {
display: block !important;
width: 100%;
}.responsive #socket .sub_menu_socket ul li {
float: none;
border-left: none;
text-align: center;
}}
Also note that I already broke my ability to use 1/4 columns on any other page because I messed with the width of them for the footer. :(
Should I make a new thread for this question:
My footers are all smooshed on mobile because they are a percent width and they aren’t cascading like 1/4 content would. Is that normal? Did I make some bad CSS?
Good morning,
I managed to resolve it (at least on this one computer) by adding:
.avia-safari #top #header_main > .container .main_menu ul:first-child > li > a {min-width:140px !important;}Is that a good long-term solution? It unfortunately makes the menu buttons all a uniform size, but since we probably won’t add new top-menu items after launch I feel like it will be okay.
Here is a link to a screenshot of the issue:
https://drive.google.com/file/d/0B6BGyv0i9Fp6TnhXZ1dwYkdxT29jMkJ3bnhFZTltdzdyNnNB/view?usp=sharing
Perhaps it is only one newer Safari and/or Macs.
Side note (should I open a new thread?): my footers are all smooshed on mobile because they are a percent width and they aren’t cascading. Is that normal? Did I make some bad CSS?
