When viewing our page on a tablet the menu and logo conflict with each other. I would like to change the pin horizontal offset and/or font-size for Tablet use only.
I have found how to identify Tablet versus other devices using the below and this is what I would like to do (but can't):
import wixWindow from 'wix-window'; $w.onReady(function () { if(wixWindow.formFactor === "Tablet"){
$w("#horizontalMenu1").pin-horizontal-offset = 0
$w("#horizontalMenu1").font-size = 10
}
}
I cannot see a parameter to change the pin horizontal offset or font-size.
How do I change these settings in code?
You can't. Refer to the menu API for full details.
For greater control of layout, you might want to consider Editor X.