Forum Replies Created
-
Posts
-
Thanks Yigit! This gets me really close. Is there a way now to keep just the HEADING ROW a different color background? This made all rows white.
I have attempted adding this:
add_filter(‘avf_template_builder_content’, ‘avia_add_social_toolbar_template_builder’, 10, 1);
function avia_add_social_toolbar_template_builder($content = “”)
{
$content .= avia_social_share_links(array(), false);
$content .= ”;
return $content;
}to the template file and a code block within the avia editor. Does not seem to be doing anything. Where exactly should this be palced to make it work on pages?
Quick Question. My mobile menu at innatmystic.com now seems to be a little messed up and overlapping. Any ideas how to fix this? Here is my code:
span.menu-break {
display: block;
line-height: 0;
bottom: 65px;
position: relative;
}
.menu-item-top-level{
text-align: center;
}@media only screen and (min-width: 320px) and (max-width: 480px) {
span.menu-break {
position: inherit !important;
}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
span.menu-break {
position: inherit !important;
}
}
.header-scrolled span.menu-break {
display: block;
line-height: 0;
bottom: 24px;
position: relative;
}Ok, last question and I promise I am done :)
Since we are using a tall logo I want to reduce the padding above and below the the logo to fill in the header as much as possible. Can’t seem to find the right padding/margin settings to do so.
Thanks, Sorry I had it at 20 and saved and didn’t seem to change anything so I was messing with the margins to see if it made a difference and it didn’t. I just resaved it and works fine. Thanks for your help. Your support is top notch!
this is the complete code i have that you can see here: hobart-design.com/mystic, it still seems to stay in place without shrinking after scrolling down:
#top .av_header_transparency .header_bg {
background: rgba(255,255,255,0.85) !important;
}
.html_header_top.html_header_sticky .home #wrap_all #main {
padding-top: 0 !important;
}#top .av-main-nav ul a {
font-size: 16px;
}#top .av-main-nav a {
font-size: 12px;
}
body {
font-size: 13px;
}
.av-main-nav > li > a:after {
content: ”;
display: block;
width: 1px;
height: 60px;
background: #c7c5c7;
position: absolute;
top: 60px;
left: -2px;
}
.header-scrolled .av-main-nav > li > a:after {
top: 100px !important;
}Thanks Ismael, Your help is greatly appreciated. This worked great, however, we have the sticky header and when it shrinks down when scrolling the lines are absolute positioned.
http://hobart-design.com/carportsrus/
This is the start of it. I tried using the code provided by Flikk but didn’t seem to change anything. Thanks for your help.
One more tweak and I am done with this project. Is there an easy CSS for making a vertical separation line between menu items like this:
I upgraded and that didn’t change it, but this custom CSS worked great. One more quick item and this will be done. Is there a way not to make the header background semi-transparent? So, say we want white background with a 50% opacity so yu can still see the image but the menu doesn’t get lost?
I have it set to transparent and I have set header to transparent for the homepage but still does not show that way:
Thank you. I actually had some other custom CSS that was overriding it, I stripped it out and works great. Thanks for your help!
