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

    Hello

    The site I’m working on is Bodytalkminneapolis.com

    I’m trying to set up the social media icons and they only show when I hover over them and they are lower than I prefer because there is a ShiftNav white space I need support removing

    View post on imgur.com

    once that white space if gone and the image starts at the top, then I need support removing those lines show where the social media icons are on

    I need support that the youtube and facebok icons are always showing rather than appearing when hoving over please

    tahnk you for your support and CSS code solutions

    #830350

    When I scroll it shows up too, how do I remove that?

    #830356

    Hi,

    That white space encompasses the menu icon as well. Do you want the menu icon to overlay the image?

    Best regards,
    Jordan Shannon

    #830364

    hi Shannon

    I feel relieved reading your response

    Yes please the hamburger menu icon overlaying the image

    #830365

    Hi,

    Let’s start by adding this to quick css:

    #header_meta{
    margin-top:60px!important;
    }
    
    #shiftnav-toggle-main{
    background:transparent!important;
    }
    
    #wrap_all{
    margin-top:-50px!important;
    }

    Best regards,
    Jordan Shannon

    #830377

    Thank you, that resolves that home page

    How can we make the change through out the entire site, because I notice on another page the space is still there and then there is a grey strip now

    View post on imgur.com

    Is it a specific heading setting I need to implement?

    #830380

    I notice that this code

    #header_meta{
    margin-top:60px!important;
    }

    makes the social media icons lower and I prefer them to be in horizontal alignment with the menu

    Yet those subtle grey lines are there, can I please get a code to remove them, that would meet my desire for support today

    #830381

    Hi,

    The same code is actually being applied to the other pages, but since the background is already white it’s hard to tell.

    Best regards,
    Jordan Shannon

    #830383

    I see what you’re saying

    How do we remove this?

    View post on imgur.com

    #830384

    The thin still shows too here

    View post on imgur.com

    #830386

    When I scroll down the menu icon disappears and all this white space shows

    how do we remove the white space and make the menu icon stationary?

    #830387
    #830391

    Hi,

    Have you selected the header transparency options on the individual pages?

    Best regards,
    Jordan Shannon

    #830433

    yes and the social media icons are still low and not in alignment with the menu icon

    #830698

    Hi,

    So all you want is the social icon and menu on one line? Apologies if I’m not understanding clearly.

    Best regards,
    Jordan Shannon

    #830808

    I would like support removing this please

    View post on imgur.com

    #830809

    And have the social media icons be in horizontal alignment with the menu icon

    #831192

    Hi,

    Replace my original css with the following:

    #header_meta {
        margin-top: 10px!important;
        background:#fff!important;
    }
    
    #shiftnav-toggle-main{
    width:10%!important;
    }

    Remove this:

    #header_meta{
    margin-top:60px!important;
    }

    Best regards,
    Jordan Shannon

    #838900

    I added the code and it still looks like this on all the pages when I scroll

    View post on imgur.com

    #838901

    My goal is to keep the social media icons stationary at the top please

    and not have that white bar appear (transparent setting on each page?) when we scroll down

    Thank you for your ongoing support Jordan trying to accomplish this goal with me I feel thankful

    #840123

    Hi,

    Add this to quick css to remove the white area on scroll down first:

    .av_header_transparency{
    background:none!important;
    }
    
    .av_minimal_header #header_main .container{
    height:0px!important;
    }
    
    #header_main .container{
    height:0px!important;
    }

    Best regards,
    Jordan Shannon

    #841461

    how do I make the shiftnav part transparent?

    #841485

    Hi,

    You would want to apply the following

    .div{
    background-color:rgba(0, 0, 0, 0.5);
    }

    Best regards,
    Jordan Shannon

    #841523

    resolved

    thank you Jordan

    #841544

    Hi!

    We’re glad that Jordan was able to help you! We’ll close this topic now. For any other questions or issues, feel free to post them here on the forum and we will do our best to assist you.

    Thank you for using Enfold.
    Cheers!
    Sarah

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

The topic ‘Removing ShiftNav White Space’ is closed to new replies.