Forum Replies Created
-
Posts
-
I really need this if you can:
I have “Reviews” area on the home page using “Content Slider”. It has 2 columns on desktop, but how can I have it show just 1 Column on Mobile view?
I know you sent this code below, but it didn’t do anything.
@media only screen and (max-width: 767px) {
#top .avia-content-slider-element-container .avia-content-slider-inner .slide-entry-wrap {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}#top .avia-content-slider-element-container .avia-content-slider-inner .slide-entry-wrap .slide-entry {
flex: 1 1 100%;
margin: 0 0 20px !important;
}
}It looks great, but do you see the little vertical line that is on the right of the burger icon? How can we remove this?
I’m good with the burger layout now. Just need to make sure the logo keep centered on all screens and the Review is just one column on Mobile view. thanks
Thanks for that, but it had the logo at the top and didn’t look very good.
I think my 2 biggest things are just to have the Logo centered and responsive to any size screen. Seem like when I shrink my desktop view, it is too close to the burger icon.
And the second is the “Reviews” area on the home page using “Content Slider”. It has 2 columns on desktop, but how can I have it show just 1 Column on Mobile view? https://img.savvyify.com/image/Screen-Shot-2025-04-22-at-10.31.27-AM.9qZEU
I am talking about more transparent for the Charter school, but I do have the code for Priver also. I was just showing you Priver as as example of how the header is all the way to the top, without a gap, like the charter had.
And do you have code that make the Burger menu background More transparent? So I can see more of the image behind it?
Got it. I just don’t see why all my other websites show this normal, but the Champion schools site has that top border that needed the CSS code.
Even another site that I have shows correctly and doesn’t have that extra space. This sites header/menu goes to all the way to the top of page also: https://priverproducts.com/ without that needed code
Please let me know on the last logo question. And also, I have “Reviews” area on the home page using “Content Slider”. It has 2 columns on desktop, but how can I have it show just 1 Column on Mobile view?
https://img.savvyify.com/image/Screen-Shot-2025-04-22-at-10.31.27-AM.9qZEUThanks and that did appear to work, but I’m just wondering why this was necessary. Now when I look on my mobile, in edit mode, it covers the top headers. (see screenshots) And on my other sites, it just shows normal.
My other sites also didn’t need code to have header top menu be at the very top. The gap on Champion schools seems like it would be a setting or something.
Anyways, if you know, let me know.
Here is the same CSS code website that I have, that has the correct header. Why can’t Champions schools have the same header? I think all the setting are the same. https://sonoranwaters.armourcloud.io/#
https://img.savvyify.com/image/gap.9qUHp
https://img.savvyify.com/image/not-logged-in-and-see-bar.9qWKhhttps://img.savvyify.com/image/WEIRD-AT-TOP.9qGdc
https://img.savvyify.com/image/CORRECT.9qxiFThat moved the logo over, but did not center it between the left side and the burger icon. So when the screen size is smaller, it isn’t responsive and it too close to burger icon. Is there a way to have it centered for all screens.
Also, I have “Reviews” area on the home page using “Content Slider”. It has 2 columns on desktop, but how can I have it show just 1 Column on Mobile view?
Thank you!!!
I am not logged in and there is a gap at the top. and when you scroll, the menu bar is not at the top, there is a gap. My other sites don’t have this and are at the very top of page. Just wondering what setting this is, if I want menu all the way to top and not gap? thanks
see screenshots
Here is a screenshot of the top white space I need to remove and move the header and logo up.
Sorry, last thing. I have Reviews on the home page using “Content Slider”. It has 2 columns on desktop, but how can I have it show just 1 Column on Mobile view?
Thank you!!!
I added this code but it still shows the 2 lines where the dates were.
.avia-content-slider .slide-meta time {
display: none;
}NSFW
Hello, I messed up the below code somehow and now the icons are stacked on each other. See bottom right footer widget on this page. How can I fix this code below so that they are side by side? thanks! https://blissfullcreations.com/<ul class=”noLightbox social_bookmarks icon_count_6″>
<li style=”list-style-type: none;”>
<ul class=”noLightbox social_bookmarks<li class=”social_bookmarks_reddit av-social-link-reddit social_icon_5″><span class=”avia_hidden_link_text”>Reddit</span>
<li class=”social_bookmarks_youtube av-social-link-youtube social_icon_6″><span class=”avia_hidden_link_text”>Youtube</span>
<li class=”social_bookmarks_youtube av-social-link-youtube social_icon_6″><span class=”avia_hidden_link_text”>Youtube</span>
This is what I needed and was referring to after the main demo import. So if I want sections like this that I can add thru the debug mode, do I have to ask you guys every time, or is there an easier way to get this code for sections I like?
So how do I get this portfolio grid element, if I want this on my site? or elements from other demos?
