Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #51619
    Lisa
    Member

    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

    #51638
    Sakin
    Keymaster

    @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;
        }
    }
    #51664
    Lisa
    Member

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

    #51672
    Sakin
    Keymaster

    @Lisa: cool 🙂

    #53128
    Lisa
    Member

    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

    #53188
    Sakin
    Keymaster

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

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Header – Left Sidebar Widget’ is closed to new replies.