Home › Forums › Basel support forum › header top bar

header top bar

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • May 15, 2017 at 4:42 pm #13818

    esthetis
    Participant

    Hi,

    is there a way to float the content of header top bar in the center middle of the page?

    regards
    Pier

    May 15, 2017 at 6:08 pm #13827

    Artem Temos
    Keymaster

    Hi,

    Please, provide some screenshot for better understanding.

    Regards

    May 15, 2017 at 6:59 pm #13844

    esthetis
    Participant

    attached screenshot for your review, I want to put free shipping in center middle of the screen

    Attachments:
    You must be logged in to view attached files.
    May 15, 2017 at 7:02 pm #13850

    Artem Temos
    Keymaster

    Sorry, but there is no such layout of the top bar in our theme.

    May 15, 2017 at 7:10 pm #13855

    esthetis
    Participant

    ok I can understand, but please let me know how we can add facebook icon on the right.
    I tried to add custom links but text title is required in menus, we only need icon

    May 15, 2017 at 7:43 pm #13862

    Artem Temos
    Keymaster

    Sorry, but right side can contain a menu only. No custom code.

    May 15, 2017 at 8:32 pm #13871

    esthetis
    Participant

    We need the facebook icon on the top bar, please let me know how we can add on menu

    May 15, 2017 at 9:04 pm #13873

    esthetis
    Participant

    Ok don’t worry i found the solution to add on the left. But please let me know how to add the same separator ‘|’ on the custom left top bar as it shown on the right menu through margin ul > li

    May 16, 2017 at 6:01 am #13881

    Artem Temos
    Keymaster

    It can’t be applied to the left side since it should be wrapped with the same HTML structure as the right menu.

    May 16, 2017 at 7:14 am #13884

    esthetis
    Participant

    You should let header top bar more customizable, for example with opportunity to center some content and for mobile. I think it’s quite limited now.

    Please let me know if we can change left top bar for mobile, or we can only show share the same content for both desktop and mobile

    May 16, 2017 at 7:49 am #13888

    Artem Temos
    Keymaster

    We will consider adding more options in the future.

    May 17, 2017 at 1:22 pm #13946

    esthetis
    Participant

    is possible to change header top left only for mobile?

    As on desktop we can add more content, but on mobile only phone number otherwise more content will be shown on another line where css is only for 1 line

    May 17, 2017 at 2:38 pm #13954

    Artem Temos
    Keymaster

    Try to add the following CSS classes for some HTML tags in the top bar to hide them on small devices hidden-xs, hidden-sm.

    Regards

    May 17, 2017 at 7:57 pm #13983

    esthetis
    Participant

    hidden-xs seems to work for mobile… what is hidden-sm thought for?

    May 18, 2017 at 6:02 am #13999

    Artem Temos
    Keymaster

    sm is for tablets.

    May 18, 2017 at 10:10 am #14018

    esthetis
    Participant

    and how I can add the 2 classes in a <span> for example?

    May 18, 2017 at 12:31 pm #14021

    Artem Temos
    Keymaster

    Like this <span class="hidden-xs hidden-sm">

    May 20, 2017 at 11:12 am #14084

    esthetis
    Participant

    Hi,

    I testet on mini ipdad landscape but the class for tablets doesn’t work

    http://mobiletest.me/ipad_mini_emulator/?u=http://staging.esthetis.ch

    May 20, 2017 at 5:17 pm #14103

    Artem Temos
    Keymaster

    Try to add hidden-md as well.

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)