New Landing › How can we help? › Atelier › Condense Top Bar, Adjust Header Scrolling

Viewing 10 posts - 1 through 10 (of 10 total)
  • Back to forum
    Posted in: Atelier
  • January 26, 2017 at 11:08 am #311483
    amrit02
    Member
    Post count: 46

    Hi ,

    Im having issue with the top bar on my mobile
    a) On the homepage it is showing a blue border . I need to reduce this gap (remove the top bar completely on mobile)

    b). On desktop, I need the top bar to be only present on the homepage. Right now it is showing on all pages.
    c). I need my naked header , once scrolled above 600 pixels, it would hide . There’s a way to enable this by Header Scrolling in theme options, but it only works to 1000 pixels. Then i also edited the functions.php file but it doesn’t work .

    d) How do i enable a naked header mobile bar?

    Thanks !

    January 27, 2017 at 7:59 pm #311695
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Regarding your issues.
    a)
    I’m not seeing any blue border, can you try to clear the browser cache.
    https://www.dropbox.com/s/5hpukq0x1i4c46j/Screenshot%202017-01-27%2018.54.33.png?dl=0

    b)
    Replace this code

    body[class*="header-naked"] #top-bar {
    display: block!important;
}

    by this one

    body[class*="header-naked"] .home #top-bar {
    display: block!important;
}

    c and d) not sure about this ones, will forward it to the development team.

    -Rui

    February 1, 2017 at 4:40 pm #312199
    amrit02
    Member
    Post count: 46

    Thanks Rui,

    One more question,

    My top bar is now only present in the homepage, it is not present in the Product Page, which makes the header slide up.
    How do i adjust the padding of the header on the product page?

    The product page is http://www.weardenali.com/shopproduct

    February 2, 2017 at 5:15 pm #312389
    David Martin – Support
    Moderator
    Post count: 20834

    For that specific page, you can adjust the padding like this:

    .page-id-5 .full-center nav.float-alt-menu ul.menu > li > a, 
.page-id-5 .full-center #header nav.std-menu ul.menu > li > a {
    padding: 1px 70px 20px 80px;
}
    February 3, 2017 at 7:53 am #312467
    amrit02
    Member
    Post count: 46

    Thanks, the menus can be adjusted but the logo is still in the same spot, how can i adjust that?

    February 3, 2017 at 10:49 am #312473
    David Martin – Support
    Moderator
    Post count: 20834

    Please provide a mockup or further description of what you want to change with the logo.

    February 3, 2017 at 11:59 am #312495
    amrit02
    Member
    Post count: 46

    Hi

    This is what i am trying to acheive

    Attachments:
    You must be logged in to view attached files.
    February 3, 2017 at 12:35 pm #312502
    David Martin – Support
    Moderator
    Post count: 20834

    Both the headers are 70px in height. If you want to add a top margin to offset the top bar height on the shop page you can use:

    .header-wrap {
    padding-top: 36px;
}
    February 3, 2017 at 2:51 pm #312542
    amrit02
    Member
    Post count: 46

    Hi David,
    This works, thanks !

    February 3, 2017 at 3:54 pm #312545
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Great. Thanks David.
    -Rui

  • Back to forum
    Posted in: Atelier
Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register