- This topic has 3 replies, 2 voices, and was last updated 7 years, 6 months ago by
.
-
Posts
-
Hi, can someone pop in and check my new site at Cimnethub.com? Please see how the logo is pushed far left top. I did adjust the size of logo I want from the default 360/70 to 180/35, because I want the retina on mobile to be 360/70. That and some changes in CSS to match. So I was very surprised when I uploaded the logo to header image and it's squished the way it is.
I'm not sure I see where to adjust anything to make it balance in the middle to align with the navigation menu list items.
Could someone check and direct me properly? Thanks.
http://cimnethub.comKB
Not quite sure what you mean by misalign. It doesn't look squished to me on iMac in Chrome, Safari or Firefox, and it looks like it is center aligned with the nav.
P.S. Float: center; does not exist, it's either left or right. To center an element within its container use margin: 0 auto;
Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.comHi, Emasai, I kinda fixed it though, with padding-top. However, I'm quite displeased with the look (dull, annoying) of the logo on mobile. I've noticed it's this way with all StudioPress themes--horrible looking mobile menu. The tiny low-res logo sits on top of those three slats hamburger menu. It's annoying. Check out Studiopress.com and mobile and see how they carefully align things, high-quality logo to the left and hamburger menu to the right. Well-placed. Why can't the Genesis guys transfer the same thing to the child themes?
KB
You can get the same effect by changing the width of the 2 header widgets and floating the title-area left and the responsive icon right. There are a few other css tweaks you will need to make to get the same effect. You can also increase the size of the hamburger by increasing the font size in .responsive-menu-icon::before it is set at 24px now.
Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.