Tagged: , ,

Viewing 25 posts - 1 through 25 (of 25 total)
  • Author
    Posts
  • July 26, 2017 at 9:32 pm #830346
    Nathan

    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

    July 26, 2017 at 9:41 pm #830350
    Nathan

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

    July 26, 2017 at 9:50 pm #830356
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

    July 26, 2017 at 10:12 pm #830364
    Nathan

    hi Shannon

    I feel relieved reading your response

    Yes please the hamburger menu icon overlaying the image

    July 26, 2017 at 10:24 pm #830365
    Jordan Shannon

    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

    July 26, 2017 at 10:47 pm #830377
    Nathan

    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?

    July 26, 2017 at 10:51 pm #830380
    Nathan

    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

    July 26, 2017 at 10:53 pm #830381
    Jordan Shannon

    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

    July 26, 2017 at 11:00 pm #830383
    Nathan

    I see what you’re saying

    How do we remove this?

    View post on imgur.com

    July 26, 2017 at 11:02 pm #830384
    Nathan

    The thin still shows too here

    View post on imgur.com

    July 26, 2017 at 11:05 pm #830386
    Nathan

    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?

    July 26, 2017 at 11:06 pm #830387
    Nathan

    View post on imgur.com

    July 26, 2017 at 11:17 pm #830391
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

    July 27, 2017 at 3:39 am #830433
    Nathan

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

    July 27, 2017 at 4:02 pm #830698
    Jordan Shannon

    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

    July 27, 2017 at 7:49 pm #830808
    Nathan

    I would like support removing this please

    View post on imgur.com

    July 27, 2017 at 7:49 pm #830809
    Nathan

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

    July 28, 2017 at 5:48 pm #831192
    Jordan Shannon

    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

    August 14, 2017 at 7:28 pm #838900
    Nathan

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

    View post on imgur.com

    August 14, 2017 at 7:30 pm #838901
    Nathan

    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

    August 16, 2017 at 11:23 pm #840123
    Jordan Shannon

    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

    August 19, 2017 at 10:23 pm #841461
    Nathan

    how do I make the shiftnav part transparent?

    August 19, 2017 at 11:44 pm #841485
    Jordan Shannon

    Hi,

    You would want to apply the following

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

    Best regards,
    Jordan Shannon

    August 20, 2017 at 1:50 am #841523
    Nathan

    resolved

    thank you Jordan

    August 20, 2017 at 5:35 am #841544
    Sarah

    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

  • Author
    Posts
Viewing 25 posts - 1 through 25 (of 25 total)
  • The topic ‘Removing ShiftNav White Space’ is closed to new replies.