Awesome, that worked perfectly, thanks!

However, the text widget replaces the languages, but I didn’t need them anyway.

Thanks for the link 🙂

Thank you, I see. I’m checking with landscape mode on my phone and browser resizing. I can’t screenshot at the moment, but I will test out again in a few hours and send screenshots.

Thanks again (sorry for the minor issues, but I really appreciate it!)

Thanks for all the help. It’s looking good, but I have another question.

When the logo is in desktop mode, it’s an appropriate size. When it goes into mobile mode, it shrinks drastically. It’s quite small. Can you help provide some custom css to size the logo in mobile mode? Thanks!

Hi Eva,

So the previous code you sent actually increased the size of the logo. I set it to 400 and 300.

.header5 .logo img, .header6 .logo img, .header1 .logo img, .header7 .logo img {
max-width: 400px;
}

.fixed-header-area .fixed-header .logo-with-menu {
width: 300px !important; } */

The problem with this, is that it increases the logo in the mobile version too. I’m not sure where to put the new code you sent:

@media (max-width: 767px) { .logo img {
max-width: 215px !important;
}}

and if I should keep the previous code. Can you please advise? Thanks!

Thanks!

Hi, thanks for the help.

I renamed the style sheet to remove “default” and the code you supplied is now taking effect.

A few things that are now occurring.

1. The logo is now too large for the mobile version, even at 400px. It does not resize properly.

Can you provide code to ensure that the mobile version resizes properly?

2. If I remove the search from the header, and want the header logo to be more than 400px wide, it’s not centered, just moved to the right 325px as per your code.

Can you provide some code so that the logo isn’t just moved over, but actually centered?

3. If I remove the search from the header, the mobile version doesn’t display the account/login icon properly, it’s moved half a line down.

At this point, it seems like a headache just to remove the search from the header, so I’m going to leave it in. However, I thought you’d like to know what it does to the theme.

For now, I just need a way to make the logo larger, but with the ability to make sure it is sized properly in mobile view. Point #1 above.

Thanks!

Sorry, also, the code you provided for the logo sizing didn’t seem to do anything 🙁

Duh, thanks! I knew it would be something simple. I found it on the Edit Page, the right hand side under “Page Layout” and “Sidebar Position”.