This topic has 6 replies, 3 voices, and was last updated 9 years, 1 months ago ago by Eva Kemp
I’m wanting to change the size of my logo image.
I know that I need to plug in a code into the Editor for custom.css
However,mine is currently labeled as “default.custom.css”
Is this a problem? How can I edit the file name to custom.css?
Hello
How to create custom.css you may watch here. You should simply rename that file to custom.css and enable it in theme options->custom.css.
Please provide us with the link to your site.
With best regards
Brian Johnson
Okay. I changed the file name and activated everything. What is a good line of code to use to change the header size to fit whatever?
The container for the logo image is responsive and should look fine on different screens and different height/width is applied for it. Please provide us with link or screenshot of what you exactly would like to achieve.
With best regards
Brian Johnson
http://jamesthomasbranding.com/
Here is the link to my website. I want to make the top logo bigger than it currently is. I would like it to always match the pixel width and height of the exact image. I do want it to remain responsive for mobile.
Hello,
Please add this code in custom.css file:
.header-type-3 .logo-with-menu img {
width: 400px !important;
}
.header-type-3 .main-nav .menu {
width: 670px !important;
}
How to create custom.css you can watch in this tutorial.
Thank you.
Regards,
Eva Kemp.
You must be logged in to reply to this topic.Log in/Sign up