You guys are awesome. That works great! Thanks!

Yes, thanks.

When someone choose the link to the Photo gallery, I would like it to look like the Demo, the categories are centered at the top. If title and breadcrumbs were turned off, Then there would be nothing else at the top.
http://screencast.com/t/8hvJ3zZcKK3

When I add the Masonry Element, there is not an option to choose Categories. When I add a Portfolio Element, there is.
http://screencast.com/t/49K0xFg0

I am still having a little trouble getting this centered. The ID for #twitter-widget-_______ keeps changing. Every time page is refreshed, that number is different.

I tried adding avia_codeblock_section avia_code_block_0 as well to see if that would work and it did not.

Any other ideas?

Thanks!

-Fred

Thanks for the reply Rikard. I will take the advice and not mess with it anymore. :-)

-Fred

That worked perfectly. Thanks so much. I think I might have tried that, but did not have the !important option.

Thanks!

Thank you Yigit. I added that code to Quick CSS and modified Advanced styling. I removed the Quick CSS I added previously, except for this one…

.html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a {
  line-height:18px;
}

It looks ok now, except, there is still an ‘underline’ and no hover on each menu item. Also the black background does not continue all the way to the end, it only covers from the first menu to the end of the last menu item. And the Enfold Logo is at the top middle. How can I remove it?

Thanks!

-Fred

Yes! Thanks Yigit, that worked perfectly.

-Fred

Hi Elliot. I will give that a try and see how it looks. Can you tell why my mobile menu isn’t working until it gets really small? When resizing the browser window, it pops to the mobile menu, but that menu doesn’t work until the page gets really small, then it starts working. Also, it’s not popping soon enough, the last menu item is wrapping.

Thanks!

-Fred

I think I’m getting closer. Now I’ve added Test Slide 3 ( http://tsgaz.net/gnohie/test-slide3/ ) I added the Layer Sliders on the new page without the Advanced Layout editor, using only the short codes. Now I just have to get the text that goes below the icons on there and lined up properly. I would rather it be text and not part of the image, but I might have to add it to the image as a last resort if I can’t figure it out.

I tried something similar to that. If you check it now, you can see that I have a Color Section with the image as the background. I’ve set the negative margin just right, I’ve added a z-index of 999, but it does not show on top of the layerslider. Also, it does not collapse at all when the screen shrinks.

If I put in a text block and add the image, then it cannot go fullwidth. What other ways can I make an image fit fullwidth, and expand/collapse with screen resize?

The end result I’m trying for is, the scrolling slides layerslider on top, the blue bars next with the two round icons centered vertically across the two regions, and centered horizontally just left and right of center. There is text below the icons, and text in the darker blue band. I can’t think of any way to get this done.

Are there any other suggestions I might try? I’m desperate to get this completed. I would pay someone to fix this if they are able.

Thanks so much for any more help or advice anyone can give.

-Fred

Thanks Yigit. I was able to get it to work with Firefox! :)

Can I get some input on this…

The design is supposed to look like this: http://screencast.com/t/P6rIfYqTdw

I currently have it in one giant Layerslider. (1115px tall) I’m having trouble getting everything to line up and scale properly. Also, I want the hero images to slide, but don’t want the whole thing to slide. I used transitions to get them to scroll, but I’m stuck when I get to the end.

I tried creating another test slider, where I broke it up into two sliders. IF I can do it like that, it will work. But I would need to get the lower slider to overlap the upper slider. Is that possible? Here is the test: http://tsgaz.net/gnohie/test-slide/

The home page is at: http://tsgaz.net/gnohie/home

-Fred

Excellent! That worked perfect. Another question I have is regarding @font-face. I’ve added a font from font squirrel. The name of it is Walkway. I have the following code in the Quick CSS…

@font-face {
    font-family: 'walkway_ultraexpand_boldRg';
    src: url('Walkway UltraExpand Bold-webfont.eot');
    src: url('Walkway UltraExpand Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Walkway UltraExpand Bold-webfont.woff2') format('woff2'),
         url('Walkway UltraExpand Bold-webfont.woff') format('woff'),
         url('Walkway UltraExpand Bold-webfont.ttf') format('truetype'),
         url('Walkway UltraExpand Bold-webfont.svg#walkway_ultraexpand_boldRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

I would like to use this font for H1 & H3 headings, and the main menu. I also installed the font-squirrel plugin, nit sure if I really need it. I’ve uploaded the fonts as they instructed to the plugins /font directory.

Thanks!

-Fred