[Lisa]

Hi,
I would like to have both a right sidebar widget and a left sidebar widget in the title area, so I have text on both the left and right of the title/logo. Is this possible?

summer-in-utah.com

thank you in advance!
Lisa

[Sakin]

@Lisa: Sorry that is not possible with this theme options. It’s not designed for that. If you really want then you can do that by hiring developer to build child theme http://catchthemes.com/blog/create-child-theme-wordpress/ and then in your child theme you can do your customization.

I can suggest you one ticket but not sure if this will work as per your need or not. So, if this doesn’t work then hire developer to work on it.

1. First add widget in your Header Top Sidebar and Header Right Sidebar from “Appearance => Widgets”. Once, you have widgets in these both places. I am going to make this header top sidebar as Left header and Header Right Sidebar as right header.
2. Then you can add the following css in “Appearance => Theme Options => Custom CSS” box:

/* Left and Right Header Sidebar Custom CSS */
#header-top {
    float: left;
    width: 25%;
}
#header-top .container {
    padding: 0 30px;
}
#header-top .container .widget {
    float: left;
}
#hgroup-wrap {
    clear: none;
    float: right;
    padding-left: 0;
    padding-right: 0;
    width: 75%;
}
#header-left {
    width: 65%;
}
#header-right {
    width: 35%;
}
#header-right .widget {
    padding: 0 30px;
}
#secondary-menu {
    clear: both;
}
/* Responsive Mobile to make it 100% */
@media screen and (max-width: 960px) {	
    #header-top, #hgroup-wrap, #header-left, #header-right {
        clear: both;
        width: 100%;
    }
    #header-top .container .widget {
        float: none;
    }
}

[Lisa]

Your code worked and it is exactly what I wanted. Thanks!!!!

[Sakin]

@Lisa: cool 🙂

[Lisa]

Hi Sakin,

The made the changes to the header section but the title and subtitle don’t appear the same in IE11 or Safari. And, it doesn’t seem like the title and subtitle font is responsively sizing correctly. It works well in Chrome and Firefox.

In Safari –
#sitetitle – no shadow effect, not centered
#sitedescription – too small, not centered

In IE11
#sitetitle – no shadow effect, not centered
#sitedescription – too small, not centered
Header Right Sidebar – Request Quote button doesn’t have outline
text looks smaller or font changed?

http://summer-in-utah.com

thanks,
Lisa

[Sakin]

@Lisa: Sorry we cannot guarantee Cross Browser in Custom css. If you use theme functions then yes, it will similar.

[Author]

Posts