This reply has been marked as private.
This reply has been marked as private.
Hi!
You cannot see the changes in that case as code i posted here “to decrease padding between menu items between 768px and 989px” code is active between 768px and 989px. I see no issue now that you have set to display mobile menu at 990px. You can choose to display 768px again and try the code if your client does not want to display mobile menu at 990px
Regards,
Yigit
This reply has been marked as private.
Hi!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.logo img { padding: 0; }
div .logo { margin-top: 25px; }
@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
height: auto !important; }}
@media only screen and (max-width: 480px) {
#advanced_menu_toggle, #advanced_menu_hide {
right: -35px; }}
Regards,
Yigit
Hi!
Have you tried flushing browser cache and refreshing your page a few times? Code works fine on my local installation.
exactly and
3. Switching to mobile menu on 990px
Regards,
Yigit
Based on: https://kriesi.at/support/topic/fullscreen-slider-srcoll-down-bug/
I have just noticed this jumping issue is still there. Now I see it jump on a page where I did not click on the scroll down button. Try scrolling down this page: http://goo.gl/zR6n14
Pay close attention to the big picture with the green truck. Please note that you should try this in Safari.
This reply has been marked as private.
Hey!
Glad you figured it out Antonio! Your website looks great :)
Let us know if you have any other questions or issues
Cheers!
Yigit
Hi Yigit!
thank you very much for your reply! At the end, I recreated the whole website, and now everything works fine. So, I think the problem was with any file corrupted.
The website was this one:
http://www.aoc-training.de
Best,
Antonio
Hey!
Please remove following code from Quick CSS
.logo, .logo img {
width: 400px !important;
max-width: 400px !important;
}
then edit your logo file and remove extra whitespace from top and bottom and re-upload it
Best regards,
Yigit
Hi pantareimadrid!
Please try deactivating all active plugins and check if that helps. If not, can you post the link to your website so we can take a look?
Regards,
Yigit
Hi,
Can you post the link to your website please?
Regards,
Josue
I just updated to the latest theme, and it came with a few errors.
This is the site I am referencing. http://oasischristiancenter.com
When you go to the page on an iPhone (haven’t tested other smart phones), it works fine in all but two areas.
1. The promo box/button under the stop easy slider is not clickable. It is on desktop though. The strange thing is that the promo box/button at the bottom of the page is clickable.
The top button that does not work, links to this page: http://oasischristiancenter.com/walkworthy. That page has three promo boxes and none of them are clickable either EXCEPT for the bottom one again.
These were all working in the update prior to the latest one.
2. Unrelated to the buttons not working is the logo. I really wish there was a guide on how to adjust the theme to work with logos that do not fit the 340px x 156px recommended settings. Some logos just don’t fit that mold. Mine for example looks horribly skewed when on a smartphone.
Thanks for any help you can provide.
By the way, I tried to update but on alle pages a gap appeared at the top of the page.
I’m using the page setting NO HEADER NO FOOTER.
Had the same issue. This is how I fixed it:
In Enfold Theme options set “Where do you want to display your blog” to nothing.
Then go to Appearance > Themes > Customize (when you hover over theme) and then set Blog to nothing as well.
Create your Blog/News page, add whatever elements you want in the Advanced Layout Editor (be sure to include the Blog Posts element and configure from within).
Original Thread: https://kriesi.at/support/topic/editing-blog-homepage-outside-of-avia-layout-builder/
-
This reply was modified 11 years, 12 months ago by
Thinkgate.
Hi!
I have just logged in and fixed mobile menu issue and logo on mobile and checked it on my iphone. This is how it looks on my end http://i.imgur.com/RJO9hR7.png
You can find custom CSS code i added on the top of Quick CSS section.
Regards,
Yigit
Hey!
I answered your LayerSlider related question in your other topic here https://kriesi.at/support/topic/layer-slider-is-not-loading-please-help/
Glad you figured it out! Let us know if you have any other questions or issues
Regards,
Yigit
Hi!
Please edit your logo image and remove whitespace from top and bottom and re-upload it
Regards,
Yigit
Hi, thank you for the introduction of print.css!!!
How is it possibile to:
– remove the fixed logo in every printed page (if the page is long) becouse the text o the page goes under the logo in page 2, 3, … ecc.ecc and keep it only in page 1?
– keep the logo in every page but set something like a top-padding in every page content so that it is not covered by the logo?
Thank you
Alessandro
Hi Raymmar!
You can add following code to Quick CSS in Enfold theme options under Styling tab to make them visible all the time
.avia_desktop .avia-content-slider .avia-slideshow-arrows a {
opacity: 1;
}
However, it is not possible to move them outside of the box. If you really need it, please hire a freelance developer
Best regards,
Yigit
I followed the instructions from this topic https://kriesi.at/support/topic/new-custom-font/ and have the font showing up in the list in Enfold settings, however I do not see the different weight choices. How can I select those? Below is what I added as a test.
add_filter( 'avf_google_heading_font', 'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Source Sans Pro'] = 'Source Sans Pro:400,600,800';
return $fonts;
}
add_filter( 'avf_google_content_font', 'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Source Sans Pro'] = 'Source Sans Pro:400,600,800';
return $fonts;
}
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main {
padding-top: 126px;
}
Cheers!
Yigit
Your suggestion works. I’ve added it into a max-width of 767, because that’s when it starts.
Any ideas about why the logo still shrinks when you scroll on mobile layout? I thought it was only for when you have a locking top header?
hi thanks, but i want this change to apply only to this promo box. your code will change all promo boxes across the site won’t it?
Hi controlC!
Please refer to Ismael’s post here to add new fonts and font weights https://kriesi.at/support/topic/add-new-font/#post-234710
Regards,
Yigit
Hey!
You can add following code to Quick CSS in Enfold theme options under Styling tab to decrease padding between menu items between 768px and 989px
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a {
padding: 0 5px;
}}
That would be the best option if you do not like to use mobile menu instead
Best regards,
Yigit
Hi quike!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.html_header_top.html_bottom_nav_header .main_menu ul:first-child>li a, .html_bottom_nav_header.html_logo_center #top #menu-item-search>a, .html_header_top.html_bottom_nav_header .main_menu ul:first-child>li:first-child a { border: none; }
Best regards,
Yigit
Hi carina_christiansen!
Please replace the code i have previously posted in your other topic to following one
body .av-special-heading.blockquote > * {
line-height: 90px;
}
Cheers!
Yigit