Hey Hayd028!
As mentioned in this topic ( https://kriesi.at/support/topic/large-phone-number-in-header-2/#post-238789 ), you have already figured this out.
Best regards,
Yigit
Hey!
You are welcome Hayden, glad we could help! I have seen that you have another topic ( https://kriesi.at/support/topic/how-to-add-phone-number-to-header/ ) but it seems like you have already figured it out. Is it ok if i mark it as resolved as well? :)
Best regards,
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
.main_menu ul:first-child > li > a { font-size: 18px; }
Regards,
Yigit
Hi Yigit,
It is about the font *size* of the toplevel. I upscaletd the fontsize sitewide but the toplevel doesn’t follow. Thanks.
Micha
Hey Grant!
We have already reported the issue to Kriesi and it is being investigated. I have noted your topic as well and will keep you updated
Regards,
Yigit
Hey!
Background color value is empty for some reason. Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
.main_color.iconbox_top .iconbox_icon { background-color: black; }
Can you post a screenshot and show how it looks on IE on your end? I tried to check your website in IE9 mode but it looks fine on my end
Cheers!
Yigit
Hi Ismael,
thanks again for your help with the transparency (https://kriesi.at/support/topic/one-custom-background-image-for-all-areas-header-main-footer/#post-238505).
Regarding this one small issue occurred: When the mega menu is active the background of the mega menu is also transparent. How can I change only this background to a specific color?
Thank you in advance!
Kind regards,
Tom
Hey simonac!
Can you please post a link to the website? Add this on Quick CSS or custom.css:
#wrap_all {
margin-top: 20px;
}
Regards,
Ismael
Hi,
I am trying to make my blog as minimum weight as possible and I want to know what size is the larger I need in order to make mi blog suitable for large screens.
I have tested my site here and in 24” desktop screens the featured image is 855px x 295px. Is that the largest image I can get?
I want to crop my featured images and all the images in the blog so I do not upload large size images and I canmake my posts load faster.
Thank you in advance.
Albert
PD: Great job with this theme. I love it!
Hi,
I followed these instructions https://kriesi.at/support/topic/blog-posts-excerpts-enfold/ to get the read-more function working. So I changed the loop-index.php, the right page is set as blogpage etc.. But it doesn’t work … I don’t get a read-more on the category-page.
Can you help me?
-
This topic was modified 12 years ago by
Martijn.
Hi!
Please see – http://kriesi.at/documentation/enfold/change-the-main-menu-color/
If that is not what you meant, please elaborate
Best regards,
Yigit
Hi!
Please try following code instead
#main > div:nth-child(2) > div > main > div > div > div.flex_column.av_three_fourth.avia-builder-el-14.el_after_av_one_fourth.el_before_av_section.avia-builder-el-last.column-top-margin {
margin-top: 0;
}
Cheers!
Yigit
This reply has been marked as private.
Hi Francesco!
Please add following code to Quick CSS in Enfold theme options under Styling tab
span.wpcf7-not-valid-tip { top: -19px !important; }
#top textarea { width: 96%; }
Best regards,
Yigit
Hey Carsten!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
#scroll-top-link { background-color: white; color: red; border: 1px solid red; }
Cheers!
Yigit
Hi Guys,
Is it possible to have the portfolio grid navigation to appear on the left of the page with the thumbnails on the right? Instead of the navigation being on the top?
Thanks in advance,
Jyles
Hi,
I’ve loaded in a Google Font into the my site and it had an adverse effect on the the gallery in that the gallery container became extended downwards.
Take a look here: http://gingerstu.byethost8.com/
I added the following code to the top of the header.php
<link href=’http://fonts.googleapis.com/css?family=Spirax’ rel=’stylesheet’ type=’text/css’>
and then added the custom CSS:
h1 {font-family: ‘Spirax’, cursive;}
any ideas?
Hey!
Yes, maybe the issue is related to the code I provided here: https://kriesi.at/support/topic/breadcrumbs-not-displaying-correctly/#post-218681 . We’ll look into it if other users report a similar or the same issue.
Regards,
Peter
That doesn’t seem to have made any difference.
There’s also a ‘)’ which briefly appears under the video at the top left corner when the page first loads but I can’t work out how to get rid of it.
Hey sunshineh!
You could use the code I posted here: https://kriesi.at/support/topic/disappear-title/ – Kriesi also uses it on his website.
Cheers!
Peter
Hi!
1) Your code seems to work for me (Chrome). Maybe try to clear the browser cache. If it still doesn’t work try:
#top .main_color .avia-icon-list .iconlist_icon {
background-color: #A81010;
}
or:
#top .main_color .avia-icon-list .iconlist_icon {
background-color: #A81010 !important;
}
2) If you want to center the title I recommend to add a margin-top to it like:
.avia-icon-list .iconlist_title {
margin-top: 16px;
}
Best regards,
Peter
Hi!
You can try this css code to vertical align the logo:
#top #header .logo{ position: relative; display: table; }
#top #header .logo a, #top #header .logo img{ display: table-cell; vertical-align: middle; }
I use it on my website and it works great for me.
Best regards,
Peter
Hey ksakkos!
I recommend to add a class to the table like:
<table class="nostyletable">
and then use this css code:
#top .nostyletable, #top .nostyletable th, #top .nostyletable td, #top .nostyletable tr{
border: none !important;
background: white !important;
}
to remove the default theme styles from this table.
Cheers!
Peter
Try this:
@media only screen and (max-width: 989px) {
#main main {
padding-top: 20px;
}
}
Result:

Cheers!
Josue
Hey!
1) To fix the spacing issue insert this code into the quick css field:
.header_color .phone-info {
margin-right: 10px;
}
2) To change the responsive layout try this code:
@media only screen and (max-width: 767px){
.header_color .phone-info { margin-top: -31px; }
.av_phone_active_right.av_secondary_right .phone-info.with_nav span { border-left: 1px solid; border-right: none !important; }
.responsive #header .sub_menu { text-align: left; }
}
Regards,
Peter
Hey
I have this site: **removed upon request by Yigit** and the header is not working properly. I have the sticky and shrinking header ticked and the phone and extra info to display on the right of the top bar. In the site that header doesn‘t stick and the numbers aren‘t in the right place.
Please let me know if you need anything else from me.
-
This topic was modified 11 years, 10 months ago by
Yigit.
Hi,
Thanks for replying! So I need the code to work on mobile devices for all pages but homepage. I think the code provided is just for the homepage as it contains #top.home #main so I’ve changed it to:
@media only screen and (min-width: 767px) and (max-width: 989px) {
.html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main{
padding-top: 90px !important
}
}
I’ve played with the 90px but still no result. Could you please tell me if there’s anything else I can do?
Many thanks!
Great :-) Thank you
I keep this code snippet for later.
Meanwhile, I just used the :last-child pseudo selector and simple border-top on LI tags to style my submenu:

-
This reply was modified 12 years ago by
pako69.
Hi!
Decrease the min-height value.
.home #av_section_1 {
min-height: 0;
margin-top: 5px;
}
.home #main .content {
padding-bottom: 0;
padding-top: 0;
}
Best regards,
Ismael