Tagged: , ,

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #1039994
    #1040064

    Hey kylebarnick,
    I see that your header is very narrow so you don’t have a lot of room to add padding, but here is a working example for transparency and scrolled:

    #top .av_header_transparency .logo {
        padding-top: 10px !important; 
    }
    #top .header-scrolled .logo {
        padding-top: 0px !important; 
    }

    Please try adding the code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field, and then clear your browser cache.
    Let us know if that is what you had in mind.

    Best regards,
    Mike

    #1040066

    I do plan to shrink the logo significantly

    #1040071

    This did not work.

    #1040550

    Hi,
    I’m not sure how much padding you would like to add, so I gave this css 20px top padding”

    .logo img {
        max-height: 70% !important; 
    }
    div .logo {
        padding-top: 20px !important; 
    }

    Please try adjusting the padding-top & the max-height, to achieve what you are trying for.
    Please see the screenshot in Private Content area of the expected before and after.
    After adding the css to your WordPress > Customize > Additional CSS Please clear your browser cache and check.

    Best regards,
    Mike

    #1042128

    Why is it that my css changes do not work but if I add anything to the “Additional CSS” panel it goes to an “avia-merged-styles….css file in the

    http://edgesports.therogueworkshop.com/wp-content/uploads/dynamic_avia/avia-merged-styles-66c150e3effe11c16e67836f3969ab8b.css

    #1042148

    Hi,

    Perhaps you have a css error somewhere preventing the given styles from running. I would recommend adding the suggested code to the very top of quick css so it runs first. Also be sure to clear your cache a few times over.

    Best regards,
    Jordan Shannon

    #1042180

    Jordan
    I have done that several times. I have done a clean install of WP and Enfold it is not changing.

    #1042222

    Hi,

    If possible, please provide admin info so we can log in and look into this further.

    Best regards,
    Jordan Shannon

    #1042250

    below

    #1042274

    Hi,

    I added the following to quick css. Let me know if this is what you had in mind.

    div .logo {
    padding-top: 20px!important;
    }
    
    .header-scrolled .logo{
    padding-top:30px!important;
    }
    
    .container.av-logo-container{
    height:90px!important;
    }

    Best regards,
    Jordan Shannon

    #1042276

    This does work perfect. I am trying to do this in a child theme. I am running into an issue of

    Why is it that my css changes do not work but if I add anything to the “Additional CSS” panel it goes to an “avia-merged-styles….css file in the

    http://edgesports.therogueworkshop.com/wp-content/uploads/dynamic_avia/avia-merged-styles-66c150e3effe11c16e67836f3969ab8b.css

    #1042298

    Hi,
    The /wp-content/uploads/dynamic_avia/avia-merged-styles[..].css is used if you are using the option at Enfold Theme Options > Performance > JS & CSS file merging and compression
    Often if someone adds css into their child theme style.css via WordPress > Appearance > Editor > Child Theme > Stylesheet and then checks their site it seems that the css is not working, this is because adding the css this way doesn’t rebuild the merged files to add the new css.
    One way to resolve this is to disable the Performance > JS & CSS file merging and compression option until they are done developing the site, in the same way that it is not recommend in using a caching plugin until they are done developing the site, clearing cached css can be a pain sometimes.
    Another option is to rebuild the merged files after adding css to the child theme styles file, this is done by clicking the blue “save all changes” button in the theme options, if this button is not clickable, then go the Enfold Theme Options > General Styling > Quick CSS field and add a blank space, this will activate the button so you can click it.
    Then please clear your browser cache for the changes to take effect.

    Best regards,
    Mike

    #1042499

    I have everything else set up. I appreciate the help. I have one last issue with the header. I want the social links to have the same transition actions and line height as the logo. I would also like the main menu hamburger icon to have the same line height as the logo.

    #1045767

    Hi,
    Sorry for the late reply, it’s been really crazy with the WordPress 5 update,
    when I look at your burger menu icon it seems in line with your logo, Please see the screenshot in Private Content area, does it look the same for you?
    For the social icons, do you mean that you would like them to move up slower when the header gets smaller? But right now they do seem in line with the logo.

    Best regards,
    Mike

    #1046712

    Mike
    I appreciate the follow up. I am once again having the issue of the css to the avia merge but its to another file. I cannot seem to undo this. I am simply trying to hide the span.posted_in and make the description full width.

    As for the social icons, yes I am trying to get them to move at the same speed as the main menu and the logo as it gets smaller.

    Kyle

    #1047102

    Hi,
    Sorry I’m not quite sure where your “span.posted_in” is, and for your product page, your description look full width, unless you want it under the image, in which case, please see this solution.

    Best regards,
    Mike

Viewing 17 posts - 1 through 17 (of 17 total)

You must be logged in to reply to this topic.