Home › Forums › All Other Themes › Logo Placement Options for Natural Herbs Theme
- This topic has 3 replies, 2 voices, and was last updated 3 years, 10 months ago by
Sonnal S Sinha.
-
AuthorPosts
-
January 17, 2020 at 12:55 pm #143333
Hello Support Team,
I am working on the website https://siddhaorganics.com/ where I used the Natural Herbs theme.
As you could see, I would like to use an image for the logo instead of name.
Logo being circular in design, it looks relatively small in that white header.
Is there way if I can reduce that white header only to the right half showing all the menu options.
And on the left half a way to place this logo with a bigger size.I tried increasing the dimensions of the logo, but then it also increases the height of the white header which then looks ugly.
Could you please help me with this.
Thank You.
January 20, 2020 at 4:58 am #143417Hi,
Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:
.header, .head_inner .center { background:none;} .has_trans_header.home #topmenu { background-color:#fff !important;} .logo { width:13%;} .logo img { width:auto; height:auto;} .head_inner .center { padding:0;} #topmenu ul li a { padding:40px 21px;}
Regards,
ChrisJanuary 20, 2020 at 10:03 am #143547Hi Chris,
Thank you very much for your help.
I incorporated you changes and it looks now good on the desktop and tablet view.
However, on the mobile screen view the logo image still looks relatively smaller.
Is there a way to fit this logo in a similar way for the mobile view.Regards,
ArvindJanuary 21, 2020 at 5:34 am #143643Hi,
Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:
@media screen and (max-width:479px) { .logo { width:35%;} .logo img { margin-bottom:0 !important;} }
Regards,
Chris -
AuthorPosts
- You must be logged in to reply to this topic.