Tagged: , ,

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • December 2, 2018 at 5:54 pm #1039994
    December 3, 2018 at 12:04 am #1040064
    Mike

    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

    December 3, 2018 at 12:23 am #1040066
    kylebarnick

    I do plan to shrink the logo significantly

    December 3, 2018 at 12:44 am #1040071
    kylebarnick

    This did not work.

    December 4, 2018 at 4:31 am #1040550
    Mike

    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

    December 7, 2018 at 5:37 pm #1042128
    kylebarnick

    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

    December 7, 2018 at 6:37 pm #1042148
    Jordan Shannon

    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

    December 7, 2018 at 7:50 pm #1042180
    kylebarnick

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

    December 7, 2018 at 9:52 pm #1042222
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

    December 7, 2018 at 11:56 pm #1042250
    kylebarnick

    below

    December 8, 2018 at 1:07 am #1042274
    Jordan Shannon

    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

    December 8, 2018 at 1:16 am #1042276
    kylebarnick

    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

    December 8, 2018 at 4:03 am #1042298
    Mike

    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

    December 8, 2018 at 5:36 pm #1042499
    kylebarnick

    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.

    December 16, 2018 at 1:31 am #1045767
    Mike

    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

    December 18, 2018 at 3:35 am #1046712
    kylebarnick

    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

    December 19, 2018 at 5:22 am #1047102
    Mike

    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

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