Home › Forums › Basel support forum › Can I do this?

Can I do this?

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • January 14, 2018 at 7:06 pm #33460

    yvo010
    Participant

    Hi,

    I have a question.
    I want something like this:
    https://ibb.co/mJXcGm
    (that top the top bar, with the text and check marks: gratis bezorging vanaf 20…..etc)

    Can you please guide me how I can make this?
    If I try to make it it does not look good.
    I want it that it looks like this on mobile:
    https://ibb.co/b3nBbm

    So just one info point.

    Please help

    January 14, 2018 at 9:03 pm #33476

    Artem Temos
    Keymaster

    Hi,

    Sorry, but we can’t see your screenshots and get an error Access denied.

    Regards

    January 14, 2018 at 9:30 pm #33477

    yvo010
    Participant

    Oh. Strange… I just want a top bar like on the website:
    http://Www.wehkamp.nl

    With the check Marks, And responsive like that.

    Thanks!

    January 15, 2018 at 7:30 am #33491

    Artem Temos
    Keymaster

    Hello,

    Did you try to add your content to the top bar text section in Theme Settings -> Header -> Top bar. Place your text there and we will provide you with a custom CSS code to make this text full width.

    Regards

    January 15, 2018 at 9:17 am #33502

    yvo010
    Participant

    Hi Thanks for the reply!

    But when i do this it does not look very good on mobile..
    Is it possible to only set 1 point visible on a mobile phone?

    maybe with a html block ?

    January 15, 2018 at 9:51 am #33514

    Artem Temos
    Keymaster

    Could you please enable it now so we can take a look and prepare some custom CSS for you to make it look better on mobile devices?

    January 15, 2018 at 11:11 am #33526

    yvo010
    Participant

    I have enabled it!

    January 15, 2018 at 11:12 am #33527

    yvo010
    Participant

    can you also hide the my account and wishlist shortcut in the top bar? (not in the header, but above it on the right)

    January 15, 2018 at 12:21 pm #33539

    Artem Temos
    Keymaster

    Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

    .top-bar-right {
	display:none!important;
}

div.top-bar-left {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	display: block;
	line-height: 42px;
}

div.topbar-content {
	display: block;
}

div.topbar-content:before {
    display: none;
}
    January 15, 2018 at 12:33 pm #33548

    yvo010
    Participant

    Sorry but on mobile it does not look good.. the point ends with ‘…’

    Is there a way do hide it on mobile phones?

    January 15, 2018 at 12:36 pm #33551

    Artem Temos
    Keymaster

    Yes, you can add this snippet to the custom CSS for mobile devices only to hide it

    .topbar-wrapp {
	display:none!important;
}
    January 15, 2018 at 12:38 pm #33552

    yvo010
    Participant

    I already find out the css code for it!

    Thanks for the help.

    January 15, 2018 at 1:37 pm #33558

    Artem Temos
    Keymaster

    OK, great!

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