That didn’t work for me, possible because I have UberMenu as my menu now??
But I did manage to get what I want by editing the header.php and changing

  <div class='container'>

                        <?php
                        /*
                        *	display the theme logo by checking if the default logo was overwritten in the backend.
                        *   the function is located at framework/php/function-set-avia-frontend-functions.php in case you need to edit the output
                        */
                        echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');

                            if(strpos($headerS,'social_header') !== false && strpos($headerS,'bottom_nav_header') !== false) avia_social_media_icons($social_args);

                        /*
                        *	display the main navigation menu
                        *   modify the output in your wordpress admin backend at appearance->menus
                        */
                            $extraOpen = $extraClose = "";
                            if(strpos($headerS,'bottom_nav_header') !== false){ $extraClose = "</div></div><div id='header_main_alternate' class='container_wrap'><div class='jrm_container'>";  }

Notice at the very end I have “jrm_container” instead of just “container” Then I added the following css:

.jrm_container {
  position: relative;
  margin: 0 auto;
  padding: 0px;
  clear: both;
}

That way the width takes up the entire width of the parent container.

Do you see any issues with this way of doing things? I created my own cusotm “container” to avoid any potential issues like other divs having the container class.

thanks

Hey Peter,

How exactly do I change that? Would I look in the plugin files and find where it is creating that class and just add the “no-scroll” in?

thanks

Thanks for taking your time to do the screencast.

that is correct. The animation works on the http://onecraftyshop.com/special-heading-animation-test/ but it doesn’t work on the homepage: http://onecraftyshop.com

I gave the special heading element the same custom css class of “awesome_heading” on the homepage, but it doesn’t animate. To clarify, the “easy as” special heading on the home page is what should be animating.

Not sure why it won’t animate here, but it animates on the other page.

not working.

I’m not really sure how you got it to work. I tried not putting it into a column and it still didn’t work.

Could it have something to do with being on the homepage?

*Also, yea my custom css classes do that. They save and behave normally, but when I go back in to edit, the custom css class is often blank. This doesn’t happen 100% of the time, but pretty often. Not sure why.

Here is the CSS

div .logo { left: 42%; z-index: 999; }
.logo, .logo a, .logo img { max-width: 156px!important; }
#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item:first-child > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a { padding-right: 16px!important;
padding-left: 15px!important; }
#megaMenu ul.megaMenu > li#menu-item-277 { margin-right: 535px!important; }

I’m assuming the “menu-item-277” is this ID??

Don’t know how to find it?
Nor do I know how to add a custom ID

Hey I Know you guys are busy, but just wanted to put this back on the radar as it would really help me out!!

thanks

Hmmm, didn’t work. I even used the same css selector of “awesome_heading”

Any ideas?

thank you!!

I’m still a little confused. Maybe you can clarify..

	.image-overlay .image-overlay-inside:before{content:"\E869"; font-family: 'entypo-fontello'; font-size: 18px; font-weight: normal; }
	.image-overlay.overlay-type-extern .image-overlay-inside:before{content:"\E832";}
	.image-overlay.overlay-type-video .image-overlay-inside:before{content:"\E897";}

This is the only code that I found in the base.css that references font icons.

Do you mind explaining the differences between the three for us please?

Not sure how this will change the rollover icon for my products and regular images not related to my products. It seems like they are connected as they are classified as the same type in the above css. Sorry if I’m just misunderstanding.

Thanks.