I am looking for a little bit of code or help on whether it’s possible to stick elements in the Avia layout builder to the top of a page… essentially the elements act as another header within the page (but not on all pages).

I would like to fix the page under the 3rd separator so that when you scroll down the page, the year and the teams are always visible on the top. It would be a great future feature to have a “sticky” as one of the whitespace/separator options, but for now is it possible to grab some code or quick CSS that would allow me to set the anchor/stick/pin place by page?

• This topic was modified 9 years, 8 months ago by mascokristina.

Hi there,

I am trying to setup a new revolution slider, super easy. I have done it in other templates – it suppose to work fine, just simple 2 slides that meant to loop. However, it doesnt seem to be able to start from slide 1 to slide 2. Only stops at slide 1.
This is really confusing :-( I thought it is something with the template?
My page is : http://meetinggrace.com.au/newhome/
Should I lodge a ticket to revolution slider?
Happy to share my login

Thanks

Hello,

I’ve been in an out of a few threads, with no success at formulating a responsive full-width instagram section. I’ve used the Facebook, Twitter, and Instagram feeds near my client’s footer for a while but want to upgrade visitor’s ability to see daily menu specials for my client’s restaurant site.

Could you explain the first steps to getting stared on this?

To help speed things up, I was posting here, but wasn’t understood correctly I believe, so I made this new thread, here was the old post:

Hi guys,

Great work on the theme!
I have been trying to make a transparent layer header using various ways like http://www.therocks.church , I know they are using Enfold.
But it just doesnt work on my site, my page is http://www.meetinggrace.com.au/newhome

Could somebody help?

I use the following code:

.alternate_color, .alternate_color .site-background, .alternate_color .first-quote, .alternate_color .related_image_wrap, .alternate_color .gravatar img .alternate_color .hr_content, .alternate_color .news-thumb, .alternate_color .post-format-icon, .alternate_color .ajax_controlls a, .alternate_color .tweet-text.avatar_no, .alternate_color .toggler, .alternate_color .toggler.activeTitle:hover, .alternate_color #js_sort_items, .alternate_color.inner-entry, .alternate_color .grid-entry-title, .alternate_color .related-format-icon, .grid-entry .alternate_color .avia-arrow, .alternate_color .avia-gallery-big, .alternate_color .avia-gallery-big, .alternate_color .avia-gallery img, .alternate_color .grid-content, .alternate_color .av-share-box ul, #top .alternate_color .av-related-style-full .related-format-icon, .alternate_color .related_posts.av-related-style-full a:hover, .alternate_color.avia-fullwidth-portfolio .pagination .current, .alternate_color.avia-fullwidth-portfolio .pagination a, .main_color, .main_color .site-background, .main_color .first-quote, .main_color .related_image_wrap, .main_color .gravatar img .main_color .hr_content, .main_color .news-thumb, .main_color .post-format-icon, .main_color .ajax_controlls a, .main_color .tweet-text.avatar_no, .main_color .toggler, .main_color .toggler.activeTitle:hover, .main_color #js_sort_items, .main_color.inner-entry, .main_color .grid-entry-title, .main_color .related-format-icon, .grid-entry .main_color .avia-arrow, .main_color .avia-gallery-big, .main_color .avia-gallery-big, .main_color .avia-gallery img, .main_color .grid-content, .main_color .av-share-box ul, #top .main_color .av-related-style-full .related-format-icon, .main_color .related_posts.av-related-style-full a:hover, .main_color.avia-fullwidth-portfolio .pagination .current, .main_color.avia-fullwidth-portfolio .pagination a {
	background-color: rgba(255,255,255,.5) !important;
}

.header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a {
    background-color: rgba(255,255,255,.5) !important;
    color: #808080;
}

#main, .html_stretched #wrap_all {
background-color: transparent !important;
}

Hi!

I’d need to make a different menu (with its own logo) for one specific page of my website. How would this best be achieved? I have tried using a full-width submenu, but I can’t drag it into the color section of the top of the page. Also, when I try with code, the code is aligned with the center of the color section (which is useful on other pages), instead of displaying on top. Any solution for this?

Regards,
Poirot

Hi,
I am using a static image with the function “stretch to fit” on top of a site with a background position property. It seams like they are stretched on the full height of the window. So there is a difference by viewing the site on different screen-heights. Is there a way to display them always in the same way?
Thank you!