Home › Forums › Legacy Support › Support queries › Styling issues › Resize Header logo
- This topic has 17 replies, 7 voices, and was last updated 8 years, 11 months ago by sasannik.
-
AuthorPosts
-
October 17, 2015 at 11:27 am #3449ZYMediaSpectatorIs it possible to have a wider logo for the header? How may I do this?October 19, 2015 at 7:09 am #3540Anshuman SahuKeymasterYOu can apply this css : #logo img { max-height: 65px; width: 200px; } YOu can change the values marked as bold an italic suitable to your needs .November 14, 2015 at 2:30 pm #8690mpearce2005ParticipantThis is not working.November 16, 2015 at 9:41 am #8851Anshuman SahuKeymasterCan you please share the url of your site so that we can share the exact css .November 16, 2015 at 6:57 pm #8964ehlisunnetParticipantI have the same issue, i added the code that you have given, but nothing changed.November 17, 2015 at 2:00 pm #9125Anshuman SahuKeymasterShare the url please . YOu can also share your url in a private reply that can be only seen by you and vibetheme staff.December 2, 2015 at 7:35 pm #11906numu0520SpectatorHi. I also need help in making the change here. Where should I put the css code you gave? my website url is OnlineJobsUniversity.comDecember 3, 2015 at 1:11 pm #12033Anshuman SahuKeymasterIt seems the url that you have provided is not on wplms installation .We can only provide you support for the wplms related queries ad setups .December 3, 2015 at 4:21 pm #12057numu0520SpectatorMy apologies Alex. I gave the wrong link. I've made the installation of WPLMS in a subfolder first while setting it up. The full URL is http://OnlineJobsUniversity.com/2016 I would also like to add another question. I've made some edits in the page builder and remove a couple of items in the home page as you can see. Now i am seeing a white space between header and the slider. How can I remove that? Thanks!December 4, 2015 at 8:11 am #12158Anshuman SahuKeymasterTry adding the given css from wp-admin -> appearance -> customize -> custom css: #logo{width: 125%;}December 10, 2015 at 4:47 pm #13279wegoParticipantI have the same issue. I have tried MANY many many different variations. The default logo size is terribly small. Via firebug, I was able to change the logo size by using this: #logo img { height:auto; max-width:150%; } However, using this in the child theme I set up (and the customize CSS area) does not do anything. Please advise.December 11, 2015 at 1:38 pm #13483Anshuman SahuKeymasterYou can add your custom css from wp-admin -> appearance -< customize -> custom css If still it is not working then please share site url to check this . ALso to force apply the css property you can use " !important; " in the css like this . #logo img { height:auto; max-width:150% !important; }December 12, 2015 at 10:04 pm #13686wegoParticipantNone of that worked and we tried the important call and many others. While it worked within firebug, nothing worked when placed into the editor. Here is the URL: http://giordanoworkshops.com It appears the issue is that the header is comprised of column widths and to make the logo larger, the widths of the columns need to be adjusted. It appears the logo column width is .col-md-3 and is 25%, where as the Menu NAV is .col-md-9 at 75%. When I tried to adjust those so it was 50 / 50, it affected the 4 home page columns under the slider. Please see attached screenshot, which is what we are trying to make the header look like, where the logo is about 400px wide. Thanks!December 14, 2015 at 11:18 am #13814Anshuman SahuKeymasterYep the header is divided into two columns one is for the logo other for the menu . So logo will not resize to be larger than the column . If you want ti to be larger then you need to modify the header.php file of your child theme .December 15, 2015 at 6:06 pm #14044wegoParticipantPlease provide the info to adjust within the header.php file. The request was to allow for the logo to get larger within the header and CSS advice was given. But apparently that is not working. So if you could send how to adjust for the logo that would be great - it's very constricting the way it is currently set and we have to have the ability to make the logo larger. Thanks!
-
AuthorPosts
- The topic ‘Resize Header logo’ is closed to new replies.