Hi Vinod!

I don’t think I have reduced the size of the text in sidebars and I could actually confirm it since what was modified was the text and php not css, if you want to make it 17px kindly add this to Quick CSS (located in Enfold > General Styling):

#top .sidebar .news-wrap li {
    font-size: 17px;
}

As for the meta data you can change the font size by adding this code to Quick CSS:

span.post-meta-infos span {
    font-size: 17px !important;
    padding-top: 6px;
}

The thread is already too long and your other request is off topic to the Title, kindly post it in another thread.

Best regards,
Nikko

Hi,

Looking at the code snippet it appears that you are trying to slide the menu from top. I checked your site and it loads up fine without any gap on top.
screenshot ->
http://i.imgur.com/M7B9UNl.png” alt=”” />

Like Yigit mentioned due to a caching issue you may not see the changes until the cached files are cleared in your browser.

Please try to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload” and review the site again.

If you still have the same issue please try loading the site on a different system or use the below code in Quick CSS:

#mobile-advanced{
right:0!important;
top:-100%!important;
-webkit-transform: 	scale(1)!important;
-moz-transform: 	scale(1)!important;
-ms-transform: 		scale(1)!important;
transform: 			scale(1)!important;
-webkit-transform-origin: 0% 0%!important;
-moz-transform-origin: 0% 0%!important;
-ms-transform-origin: 0% 0%!important;
transform-origin: 0% 0%!important;
display:block!important;
}

.csstransforms3d #mobile-advanced{
-webkit-transform: 	scale3d(1)!important;
-moz-transform: 	scale3d(1)!important;
transform: 			scale3d(1)!important;
}

.show_mobile_menu #mobile-advanced{
-webkit-transform: 	translate(0, 100%)!important;
-moz-transform: 	translate(0, 100%)!important;
-ms-transform: 		translate(0, 100%)!important;
transform: 			translate(0, 100%)!important;
}



.csstransforms3d .show_mobile_menu #mobile-advanced{
-webkit-transform: 	translate3d(0, 100%, 0)!important;
-moz-transform: 	translate3d(0, 100%, 0)!important;
transform: 			translate3d(0, 100%, 0)!important;
}

.container #advanced_menu_toggle, #advanced_menu_hide {
     right: 20px!important;
    top: 58px!important;
    z-index: 999999!important;
}

Best regards,
Vinay

• This reply was modified 9 years, 4 months ago by Vinay.

Hey kilimats,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

#mobile-advanced{
right:0!important;
top:-100%!important;
-webkit-transform: 	scale(1)!important;
-moz-transform: 	scale(1)!important;
-ms-transform: 		scale(1)!important;
transform: 			scale(1)!important;
-webkit-transform-origin: 0% 0%!important;
-moz-transform-origin: 0% 0%!important;
-ms-transform-origin: 0% 0%!important;
transform-origin: 0% 0%!important;
display:block!important;
}

.csstransforms3d #mobile-advanced{
-webkit-transform: 	scale3d(1)!important;
-moz-transform: 	scale3d(1)!important;
transform: 			scale3d(1)!important;
}

.show_mobile_menu #mobile-advanced{
-webkit-transform: 	translate(0, 100%)!important;
-moz-transform: 	translate(0, 100%)!important;
-ms-transform: 		translate(0, 100%)!important;
transform: 			translate(0, 100%)!important;
}

.csstransforms3d .show_mobile_menu #mobile-advanced{
-webkit-transform: 	translate3d(0, 100%, 0)!important;
-moz-transform: 	translate3d(0, 100%, 0)!important;
transform: 			translate3d(0, 100%, 0)!important;
}

.container #advanced_menu_toggle, #advanced_menu_hide {
     right: 20px!important;
    top: 58px!important;
    z-index: 999999!important;
}

If this does not work for you please share a precise link where we can see the menu on your site.

Best regards,
Vinay

Hi,

Please resize the overlay image to be exactly same as the default image.

You can add white space on top and bottom of the image to fit the table inside the image in same dimension as the default image.

Best regards,
Vinay

Hi Tom,

Kindly add this code inside @media only screen and (max-width: 800px):

.responsive #top #menu-item-shop .cart_dropdown_link > span[data-av_iconfont="entypo-fontello"]:before {
    border: 1px solid #ddd;
    padding: 14px 16px;
}

Let us know if it helps :)

Cheers!
Nikko

Hey kmac,

Try to replace this code:

#top #header .av-main-nav > li:hover > a:hover { color:rgba(0,0,0,0) }

To this:

#top #header .av-main-nav > li:hover > a {
    color: rgba(0,0,0,0);
}

Hope this helps :)

Best regards,
Nikko

Hey mhiller,

Try to add this code in Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:767px) {
  .responsive #top #main {
    padding-top: 88px !important;
  }
}

Let us know if it works :)

Best regards,
Nikko

Hi,

Yes, it’s possible. Kindly add this code in Quick CSS (located in Enfold > General Styling):

#header_main #avia-menu {
    border-bottom: 2px solid #202020;
    border-top: 2px solid #202020;
    height: 54px;
}

Let us know if it works :)

Best regards,
Nikko

Hey Kurt,

It actually goes to the title however the floating header is blocking it, try replacing the anchors from
<a name="LucasIssues"></a>
to:
<p class="anchor-wrap"><a name="LucasIssues"></a></p>
And add this to Quick CSS (located in Enfold > General Styling):

p.anchor-wrap {
    position: relative;
}

.anchor-wrap a {
    top: -228px;
    position: absolute;
}

Let us know if it works :)

Best regards,
Nikko

• This reply was modified 9 years, 4 months ago by Nikko.

Hi waveshaper!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

@media only screen and (max-width: 767px) {
.main_menu .avia-menu, #header_main_alternate {
  display: block !important;
}
.av-main-nav > li { display: none; }
li#menu-item-search {
  display: block!important;
  margin-top: -90px;
  right: 70px;
}
.responsive .main_menu {
  float: right;
}}

Cheers!
Basilis

Hey alexanderjohannes,

Kindly add this code to Quick CSS (located in Enfold > General Styling):

.page-id-434 #av_section_2 .av_textblock_section {
    text-align: center;
}

.page-id-434 #av_section_2 .av_textblock_section h1 {
    margin: 0;
    padding: 2px 10px;
}

The first code block centers the text, while the second block is for the text background height, just adjust the padding values 2px is for top and bottom while 10px is for left and right padding. Just adjust as you see fit. Hope this helps :)

Best regards,
Nikko

Hey krummnagel,

You might want to check this thread: https://kriesi.at/support/topic/horizontal-drop-down-menu/

Best regards,
Nikko