Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi,
We are working on a site using the vantage theme. Is there a way to make the logo smaller (mobile only) and the menu button to the right of the image with the paddings smaller? at the moment it takes up a quater of the screen on the mobiles.
Thank you in advance.
Alex
I found it by putting this in my addtional css.
@media (max-width: 680px) { body.responsive.layout-full #page-wrapper .full-container { margin-top: -20px; margin-bottom: -15px;}}
@media (max-width: 680px){#masthead.masthead-logo-in-menu .logo > img.logo-no-height-constrain {margin-left:-10px;}}
@media (max-width: 1080px){body.responsive #masthead.masthead-logo-in-menu .main-navigation .menu-mobilenav-container ul li a {padding-top: 10px; padding-bottom: 20px;}}
Hi Alex,
This is possible with CSS, but what CSS you depends on your current setup (specifically, the logo and menu padding sizing).
Do you have a public URL where we can take a look at your setup?