Vivaldi Browser ile ilgili içeriklerimize devam ediyoruz. Vivaldi'de bildiğiniz gibi Ayarlar butonu sol tarafta yer almaktadır. Ancak arzu ederseniz, Ayarlar butonunu adres çubuğu bölümüne ekleyebilir, lokasyonunu değiştirebilirsiniz. "Buna ne gerek var," diyebilirsiniz... Vivaldi bildiğiniz gibi JS ve CSS bazında kişiselleştirmeye izin veren bir tarayıcı. Dolayısı ile kendinize özel bir tasarım ortaya çıkarmak için, bu işlemi yapabilirsiniz. Aşağıdaki kodları ise JavaScript dosyasına ekleyiniz.

AYRICA: Vivaldi Browser’da Pencere Arka Plan Resmini Değiştirmek

Vivaldi Browser'da Ayarlar Butonunun Konumunu Değiştirmek

function mvMenu() {
const adr = document.querySelector('.toolbar-addressbar.toolbar');
const menu = document.querySelector('.vivaldi');
menu.setAttribute('style','position:static;height:var(--toolbarHeight);');
adr.appendChild(menu);
};
setTimeout(function wait() {
const browser = document.getElementById('browser');
if (browser) {
mvMenu();
}
else {
setTimeout(wait, 300);
}
}, 300);