Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • February 16, 2016 at 4:16 pm #584251
    goodpixel

    HI, is it possible wirh enfold have a layout like http://www.lupidiromagna.it with logo over slider ?

    February 16, 2016 at 4:28 pm #584260
    Yigit

    Hi unicaweb!

    Sure, can you please post the link to your website?

    Best regards,
    Yigit

    February 16, 2016 at 4:41 pm #584267
    goodpixel

    I send you admin credentials.

    February 16, 2016 at 4:49 pm #584273
    Yigit

    Hi!

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

    .logo {
    height: 150px!important;
    width: 150px!important;
}

    Regards,
    Yigit

    February 16, 2016 at 4:53 pm #584276
    goodpixel

    Yes I have already try this code but when page scroll logo is over all and it is not very correct. In this site http://www.lupidiromagna.it logo is hidden with page scroll and I need to set like this.

    February 16, 2016 at 5:06 pm #584282
    Yigit

    Hi!

    Please go to Enfold theme options > Header > Header Behaviour and uncheck “Sticky” option.

    Cheers!
    Yigit

    February 16, 2016 at 5:23 pm #584289
    goodpixel

    Yes but main menu is not fixed is impossible?

    February 16, 2016 at 5:26 pm #584291
    Yigit

    Hey!

    Would you like to make header fixed but not display logo when scrolled down? If so, please add following code to Functions.php file in Appearance > Editor

    function avia_custom_logo_app(){
?>
<script>
jQuery(window).scroll(function(){
if(jQuery(this).scrollTop() > 100) jQuery('.logo img').addClass('logoop');
if(jQuery(this).scrollTop() < 100) jQuery('.logo img').removeClass('logoop');
});
</script>
<?php
}
add_action('wp_footer', 'avia_custom_logo_app');

    then add following code to Quick CSS 

    .logoop { opacity: 0 !important; }

    and then choose to display sticky header in Enfold theme options > Header > Header Behavior. If that is not what you meant, please elaborate

    Best regards,
    Yigit

    February 16, 2016 at 5:38 pm #584297
    Guenni007

    and if you like it with shrinking header try this solution here:

    .responsive .logo {
display: block
}

.logo, .logo a {
    overflow: visible;
}

.logo img {
    height: 180%;
    max-height: 225px !important
}

@media only screen and (max-width: 767px){
.responsive .logo {
    height: 120px !important;
}
.responsive .logo a {
    display: block;
}
.responsive .logo img {
    max-height: 220px;
}
}

@media only screen and (max-width: 400px){
.responsive .logo img {
    max-height: 175px !important 
}
.responsive .logo a {
    display: block;
}
}

    see here : http://www.pirol-hifi.de

    you have to play with the values a little bit.
    on that page i have header value at custom height 125px

    February 17, 2016 at 10:36 am #584555
    Yigit

    Hi!


    @guenni007     Thanks for sharing your solution :)

    Regards,
    Yigit

    February 17, 2016 at 10:46 am #584560
    goodpixel

    Thanks @guenni007

    How to change hover menu color background like this http://www.maxlaw.co.za/

    February 17, 2016 at 10:54 am #584569
    Yigit

    Hey!

    Please go to Enfold theme options > Advanced Styling and edit “Main menu links” and make sure to check “Apply only to mouse hover state”

    Best regards,
    Yigit

    February 17, 2016 at 11:24 am #584591
    goodpixel

    Thanks work better! Can set a background color for selected page?

    February 17, 2016 at 11:36 am #584598
    Yigit

    Hi!

    You can simply edit your color section elements and change their background colors :)

    Cheers!
    Yigit

    February 17, 2016 at 12:04 pm #584616
    goodpixel

    I need to cnange background color menu for active page like this http://www.maxlaw.co.za/testimonials/

    February 17, 2016 at 12:07 pm #584619
    Yigit

    Hi!

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

    .av-main-nav > li.current_page_item > a {
    background: lightblue;
    color: white!important;
}

    Best regards,
    Yigit

    February 17, 2016 at 12:19 pm #584624
    goodpixel

    I add this

    .av-main-nav > li.current_page_item > a {
    background: #a18d77;
    color: white!important;
    }

    but menu item background color are not color

    Standard del Lagotto Romagnolo

    February 17, 2016 at 12:27 pm #584630
    Yigit

    Hi!

    Can you please post a screenshot and show the changes you would like to make? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    Best regards,
    Yigit

    February 17, 2016 at 12:32 pm #584636
    goodpixel

    Like this http://imgur.com/kLzD4Ks the background color of item menu for active page must be different.

    February 17, 2016 at 6:42 pm #584890
    Yigit

    Hi!

    Code i posted should have done exactly that.
    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Regards,
    Yigit

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • You must be logged in to reply to this topic.