
Hi I’m relatively new to wordpress. I’m using the explorer plan.
I’ve tried using CSS to adjust the size and location of it but I couldn’t get it to work. (I’m no pro at CSS)
It looks fine on mobile, but the desktop site is completely covered by the logo and even the menu is in the way of the whole site too.
At this point, I’m probably going to upgrade to the creator plan and use a different theme – but the new problem that arises is the last time I changed themes it deleted all my content.
So my second question is how do I save all my content so I can change themes?
[ad_2]
Because you’ve uploaded a massive image. Try uploading a smaller one (i.e. resize it to the correct size before uploading).
The current CSS is setting the max-width of the image to 100%, which is why it looks fine on mobile due to it scaling down to match the width of the screen.
Just use some CSS to adjust the max-width of the logo. You have a class on the existing logo (.custom-logo), so the CSS would be:
`img.custom-logo {`
`max-width: 200px;`
`}`
Obviously set 200px to whatever works best, but in my opinion that seemed to work fine when adjusting the width using developer tools.
Reduce the width & heigh of your logo in customize section. Otherwise use custom CSS to reduce the size.