[yyyfor]

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.

[Sakin]

@yyyfor: Can you post in your site URL so that I can check in and suggest you the custom css.

[yyyfor]

Hi Sakin,

Thank you for your quick reply.

This is my site URL. http://alzerinablog.com/

Thank you for your help

[Sakin]

@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; }

[yyyfor]

Hi Sakin,

It works. Thank you so much for your help 🙂

[yyyfor]

Hi 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.

[Sakin]

@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; }

[yyyfor]

Great. Thank you so much Sakin.

[yyyfor]

Hi 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,

[Sakin]

@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;
}

[yyyfor]

Thank you so much Sakin. It works 🙂

[Sakin]

@yyyfor: Thanks for your appreciation 🙂

[Author]

Posts