Bookmarks in Address Bar Mod

  • @j1979958 You can define the addressbar as
    adr = document.querySelector('.toolbar-addressbar.toolbar');
    and then just append the bookmarks

  • so how will it wrap the code?

    actually i use:

    /width of bookmarks bar/
    :root {
    --bar-width: 495px;
    @media (max-width: 700px) {
    :root {
    --bar-width: 22px;
    /bookmarks bar in address bar/
    #browser.bookmark-bar-top > #main > .toolbar-addressbar{
    padding-right: var(--bar-width);
    #browser.bookmark-bar-top > #main > .bookmark-bar{
    width: var(--bar-width);
    position: absolute;
    right: 0;
    height: 35px;
    /hide folder icons/
    #browser.bookmark-bar-top > #main > .bookmark-bar .folder-icon{
    #browser.bookmark-bar-top > #main > .bookmark-bar .folder-icon+span{
    margin-left: 0px;

  • @j1979958 No idea, the solution I provided is for the javascript mod. I thought the CSS mod shows at the end of addressbar anyway, so not sure what your problem really is.


Looks like your connection to Vivaldi Forum was lost, please wait while we try to reconnect.