We are working to implement the Vantage theme on our website. We have almost everything done but are having an issue with the menu position. We have our logo in the menu so that the logo is far to the left and the menu is far right. We have everything set to full width but the main menu is still centered and does not span the entire page width. Is there an easy way to fix this?
Also, I have tried to upload several sizes of our logo image but it does not get any larger. Is there a way that we can make the logo larger within the menu?
Hi Rashoemaker
I would like to give you a tested solution. Do you have a public URL where we can take a look at your site? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
Looking forward to hear from you
Hi Addo-
Unfortunately, we don’t have a public URL available at this time. Because we are working on a live site, we have to do the work on the back end while in maintenance mode. Is there some custom CSS that I could try to get the menu positioned?
Thanks!
Hi Rashoemaker
For the logo size you can try this . If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.
#masthead .hgroup .logo img { width:100px!important; height:100px!important; }You can modify the size in pixels to achieve your requirements.
For the menu it will help me alot to understand what you would want to achieve. Would it be possible for you to create a temporary admin account for us so we can log in and take a look? You can create the account with the following email address:
[email protected]
Just navigate to Users > Add New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the “Send Password” field so we receive the details.
Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.
Hi Addo-
I tried the Custom CSS for the logo size and it did not work. I changed the pixels several times but the logo stayed the same size.
For the menu, I have attached a screenshot of what it currently looks like.
I want the logo to be aligned with the left hand side of the page and the menu to be aligned with the right hand side of the page but this is all further it will go when I select "Full Width".
Hi Rashoemaker
Would you mind providing access to your site as suggested earlier? It will be of great help ti us in solving this issue.
Just as a reminder, you can create the account with the following email address:
[email protected]
Just navigate to Users > Add New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the “Send Password” field so we receive the details.
Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.
Kindly let me know if this is possible for you
Addo-
Unfortunately as I mentioned before, our site is live and currently using a different theme. So, even if I provide access, when you log on you will see the current theme and live site. Whenever we work on the new theme, we take the site down, switch themes and make the changes, and switch it back before putting the site back up. We can't take the site down during business hours.
Are you able to provide me with some alternative suggestions I can try after hours? Or schedule a time after hours that I can take the site down and give you access to the new theme?
Thanks for your willingness to help with this issue.
Hi Rashoemaker
I am ready to jump it whenever your ready. Let me know the timezone you are in and timewhen you can have this ready.
Thank you for your patience
This is a private message.
This is a private message.
This is a private message.
This is a private message.
This is a private message.
Addo-
Thank you very much for your help. I am able to adjust the size of the logo in the menu now. However, the menu is not in the correct position. When I change the position of the menu, it makes 2 lines and the logo does not move. I want the logo to be aligned with the far left side of the screen and the menu items to be aligned far right. Do you have any suggestions on how to make this happen?
I have tried to access your site again to test out a solution but it is not accessible using the given login details. Would you confirm and update me on this so that I can try it out
Looking forward to hearing from you.
Addo-
The site is not in maintenance mode so the login will not work. I can deactivate the site again tonight from 8-10pm. Will that work for you?
This is a private message.
This is a private message.
Hi Rashoemaker
I have fixed this for you with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll see this
@media screen and (min-width: 1020px) { header#masthead.masthead-logo-in-menu .logo{ left:-140px !important; position:relative !important; } ul#menu-ecpower-pages { right:-140px !important; position:relative !important; } }Thank you for your patience
Cheers
Addo-
Thank you very much for all of your support!
Hi Rashoemaker
Perfect :-)
Always feel free to open a new thread whenever you require support
Cheers