- This topic has 11 replies, 2 voices, and was last updated 8 years, 6 months ago by Sakin.
-
AuthorPosts
-
September 4, 2015 at 3:14 am #66029yyyforMember
Hi,
I want to change the position of the logo image from left to the mid. Is there a way to achieve this?
Thanks for answering.
September 4, 2015 at 8:27 am #66041SakinKeymaster@yyyfor: Can you post in your site URL so that I can check in and suggest you the custom css.
September 8, 2015 at 12:56 am #66392yyyforMemberHi Sakin,
Thank you for your quick reply.
This is my site URL. http://alzerinablog.com/
Thank you for your help
September 8, 2015 at 8:52 pm #66432SakinKeymaster@yyyfor: You can add the following css in “Appearance => Theme Options => Custom CSS” box and then adjust the min-width as per your need.
#site-logo { float: right; } #header .logo-wrap { min-width: 800px; }
September 9, 2015 at 1:46 am #66470yyyforMemberHi Sakin,
It works. Thank you so much for your help 🙂
September 15, 2015 at 1:13 am #66890yyyforMemberHi Sakin,
I have one more question. How can i move the Search window to the left side of the logo image?
Thank you for answering.
September 15, 2015 at 7:37 pm #66923SakinKeymaster@yyyfor: Try adding following css in “Appearance => Theme Options => Custom CSS” box:
div.layout-978 { position: relative; } #header .social-search form.searchform { left: 60px; position: absolute; top: 0; }
September 15, 2015 at 8:24 pm #66925yyyforMemberGreat. Thank you so much Sakin.
October 2, 2015 at 1:27 am #67816yyyforMemberHi Sakin,
I have one more question. Is there a way to move social media icons a little bit lower and move the search window a little bit higher so the logo, social media icons and search window can have a same height?
Thank you for answering.
Bests,
October 2, 2015 at 1:38 am #67818SakinKeymaster@yyyfor: Ok replace your following css in child theme style.css
#header .social-search form.searchform { left: 60px; position: absolute; }
With the following css:
#header .social-search form.searchform { left: 60px; position: absolute; top: 100px; padding-top: 0; }
Then add following css in your child theme style.css file
#header ul.social-profile { position: absolute; right: 60px; top: 100px; margin: 0; }
October 3, 2015 at 12:56 am #67853yyyforMemberThank you so much Sakin. It works 🙂
October 3, 2015 at 12:57 am #67855 -
AuthorPosts
- The topic ‘change logo postion’ is closed to new replies.