header widget – change position?

Homepage Community Forums Epik Theme Support header widget – change position?

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #15121
    Mike
    Customer

      I’d like to move the header widget on my site to the left, but can’t see how/where to control that. Suggestions would appreciated. THX

      #15123
      Eric
      Customer

        Do you have a link to your site?


        I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

        #15126
        Mike
        Customer

          HERE

          I’m experimenting with the header, the logo sizing/positioning, additional text layouts, etc, trying to find what will work given my skill level. My graphics guy may be jumping in at some point, but I need to learn the landscape first. I’d also like to know how to control the background color of the header as well. Dark Blue was one of the overall configuration color schemes.

          #15127
          Mike
          Customer

            #15129
            Mike
            Customer

              I’d still like to get the logo left-aligned on the PC and centered on the handheld. Any suggestions would be greatly apopreciated. THX.

              #15133
              Eric
              Customer

                Just so I’m clear, are you saying you want the entire widget area to float to the left right under the logo? Here is an example of what I’m talking about – http://i.imgur.com/PQPAZcq.png

                ^ Is that what you’re looking to do?

                If so, you can add clear: both; to the header widget area code in your css on line 2058 –

                .site-header .widget-area {
                	clear: both;	
                	color: #ddd;
                	float: left;
                	text-align: right;
                	width: auto;
                }

                It’s already “floating” to the left, but the “clear: both” will make it show up on it’s own line (separate from the logo.)


                I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

                #15191
                Mike
                Customer

                  Thanks for the reply. Sorry I didn’t reply sooner; I thought I had my profile set for email notifications, but it doesn’t seem to be working that way.

                  I’m NOT looking to have both the logo and the widget float left. The widget is fine where it is. I’m only looking to manage the logo alignment, so that it floats left on the PC, and floats center on the handheld.

                  The solution developed in THIS THREAD works to center the logo on handhelds, but it also centers on the PC, which I DON’T want. I guess I’d like to have my cake and eat it too. Isn’t that what being responsive is all about?

                  #15218
                  Eric
                  Customer

                    Yep, you can have cake and eat it with this theme 😉

                    To have it center on mobile devices only, add this code to your responsive section under line 4023 inside of the max-width: 1023 section –

                    .site-header .site-title a {
                    	background-position: center top !important;
                    }

                    The section on line 4023 looks like this in the beginning –

                    /* iPads (portrait)
                    --------------------------------------------- */
                    
                    @media only screen and (max-width: 1023px) {

                    I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

                    #15219
                    Mike
                    Customer

                      Thanks. Tried it. On my android, it seems centered but it’s hard to say because the right edge of the logo gets clipped a bit.

                      #15259
                      Eric
                      Customer

                        The code itself is working fine, now it’s just your image/logo that needs to be re-edited. Your image is probably appearing cut off because the image itself is not centered. The code to have the header image Centered is working, but the actual image is not centered in the photo.

                        To fix this, just open your image up in Photoshop (if that’s the program you used to create it) and center the image/logo in the very middle.

                        Just in case what I said sounds confusing, just take a look at your image by itself to see that the logo is off to the right – http://www.williamselectric.net/wp-content/uploads/2015/02/banner_logo_360x164.png

                        I don’t have an Android to check, so once you make that adjustment, hit your reload button (to clear the browser cache) and let me know how it looks. Once you do that it should look a lot better.


                        I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

                        #15283
                        Mike
                        Customer

                          Interesting. I see what you mean.
                          I can resolve the vertical off-centering of the logo in the image easily enough. It’s the horizontal off-centering that’s the question. If memory serves, I did that myself. I wanted the font size to appear as it does, on the PC, whatever points that is, and scaled my original accordingly; I wanted the black space to the left of the logo to appear as it does (PC), for overall balance purposes; and I wanted the overall image width to correspond to the theme requirements (360w x 164h). I don’t know how else to accomplish what you suggest, without shrinking the font or the “left margin”, unless I extend the image itself to wider than 360. I’ll get my graphics guy involved, but at this point I’m stumped.

                          Perhaps the problem is that on the PC I care about the left margin, and on the handheld I don’t.

                          Why is it that the header image is limited to 360 wide, by the way?

                          #15286
                          Eric
                          Customer

                            Yes, that’s what I’m referring to. Your image itself is not properly aligned centered, horizontally. However you created the image, you need to use that same program and CENTER the image. If you look at the image you have above, you can see it’s not centered Horizantally. This has nothing to do with vertical, I’m talking about horizontal.

                            The theme is working fine, it’s just your logo that needs to be edited. Hope this makes sense.


                            I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

                            #15327
                            Mike
                            Customer

                              I think I got it. THX.

                            Viewing 13 posts - 1 through 13 (of 13 total)
                            • The topic ‘header widget – change position?’ is closed to new replies.