Viewing 25 posts - 1 through 25 (of 25 total)
  • Author
    Posts
  • #209686
    #209688

    Hi Mattias!

    Please refer to this post and set header height to 250 https://kriesi.at/support/topic/change-logo-image-for-scrolled-header/#post-188003
    and upload your 250x250px logo in Enfold theme options then add following code to Quick CSS in Enfold theme options under Styling tab center the logo

    div .logo { left: 45%; }

    You may need to adjust it to center it perfectly

    Best regards,
    Yigit

    #209703

    Hi Yigit

    The center part work :-)

    I tryed to change this value but nothing happed.
    wp-content\themes\enfold\js folder and open avia.js file

    
    el_height       = $(elements).filter(':first').height(),
    and change it to
    
     el_height       = 200,
    
    #209705

    Hey!

    Can you post the link to your website?

    Regards,
    Yigit

    #209706
    This reply has been marked as private.
    #209712

    Hi!

    Please add following code to Quick CSS as well

    .bottom_nav_header.social_header #header_main .container {
    height: 250px; }

    I thought you were using a fixed header :)

    Cheers!
    Yigit

    #209714

    Thank you Yigit it works!

    But what CSS do i need to add for it to center when its gets resposive?

    #209720

    Hey!

    Following code should do it

    @media only screen and (min-width: 768px) and (max-width: 989px) {
    div .logo { left: 35%; }}
    @media only screen and (max-width: 767px) {
    div .logo { left: 0; }}

    Regards,
    Yigit

    #209735

    Thank you Yigit!

    Last Q for today.

    How can i change the white background for the menu so i goes all the way?

    #209736

    Hi!

    Please add following code to Quick CSS as well

    #header_main_alternate { background-color: #333333; }

    Cheers!
    Yigit

    #225738

    Hi,

    Im trying to center my logo so far so good but its small again.
    I upload a logo with the size 340 x 156, what css do i need to change / add?

    #225739
    This reply has been marked as private.
    #225819

    Hi!

    Please add following code to Quick CSS as well

    .bottom_nav_header.social_header #header_main .container {
    height: 166px; }

    Regards,
    Yigit

    #226006

    Hi!

    The logo just got some height and not any width, please have a look again.

    //M

    #226039

    Hey!

    Please upload the logo again then select the Full size before you click “Add image as logo”.

    Best regards,
    Ismael

    #226050

    Thank you for great support and a really great theme!

    //M

    #226060

    Just one more thing it’s too much space between logo and top and logo and menu.
    How can i reduce this spacing?
    Then there is border over the logo that I want to remove.

    //M

    #226068

    Ah cool i just adjust the px and the logo will adjust in size. :-)

    .bottom_nav_header.social_header #header_main .container {
    height: 166px; }

    But i still have the border and spacing problem left.

    //M

    #226178

    Hey!

    Please add following code to Quick CSS as well

    #header_main .container_wrap { border-top-style: none; }
    .logo img { padding: 0; }

    There is only 5px of padding on top and bottom. You should edit your logo image and remove extra spaces

    Best regards,
    Yigit

    #226187

    The border, padding and top menu is still there somehow please use google chrome browser and you will se it.
    Think its something about : class”container” or class”sub_menu” and id”header_meta´”

    My CSS so far:

    
    /* Font size */
    body { font-size: 14px;}
    
    /* Disable Enfold Responsive menu button  */
    .main_menu .mobileMenu { display:none !important; }
    
    /* Disable top menu */ 
     #header_meta { display: none !important;}
    
    /* Disable top social bookmarks */ 
    #top .social_bookmarks { display: none;}
    
    /* Disable logout link in menu */ 
    .page-item-logout {display:none;}
    
    .bottom_nav_header.social_header #header_main .container {height: 140px; }
    
    #header_main .container_wrap { border-top-style: none; }
    
    

    //M

    #226192

    Hey!

    I am using Chrome. I see that padding on logo image was removed. There is no padding around it. You should edit your logo image file
    Please use following code to remove top border

    #header_main { border-top: none!important; }

    Cheers!
    Yigit

    #226197

    Please the image, Red arrow points at the problem.

    Problem

    I can remove the border with your code but the spacing is still there “Only in Google Chrome Browser”

    //M

    • This reply was modified 10 years, 5 months ago by apower84. Reason: added text
    #226213

    Hey!

    Code is not being applied. Please try adding it to the bottom of Style.css file of your child theme
    EDIT: This is how i see your website http://i.imgur.com/4wY26Kt.jpg

    Best regards,
    Yigit

    • This reply was modified 10 years, 5 months ago by Yigit.
    #226229

    Added the css changes and made the logo height 70px but still got the problem, please see image.
    Only in Google Chrome Browser, do you see it?

    problem

    //M

    #226242

    Now eveything is ok it was something with my chrome brower “strange”

    Thank you for your great support!

Viewing 25 posts - 1 through 25 (of 25 total)
  • The topic ‘Larger Logo and Center’ is closed to new replies.