This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Mobile menu & Image not sitting nicely

Open 2 replies technicalthemetheme-vantage
Alex Tovey (Monster IT Services Ltd)
7 years ago · Last reply by Alex S 7 years ago

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

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

2
  1. Alex Tovey (Monster IT Services Ltd) 7 years, 8 months ago

    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;}}

  2. Alex S Staff 7 years, 8 months ago

    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?

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread