April 5, 2015 at 9:42 am #146735
So I have 2 things going on and have tried using suggestions from several forum posts with no luck. On the top of my site http://SlenderSuzie.com I have my logo on the left and the header widget on the right.
Issue 1: When viewing on smaller screen sizes the header widget ends up moving and coving up parts of the logo which a white block of space. I cannot figure out how to make that stop happening.
Issue 2: I used the words "Get Social With Slender Suzie" above the icons in the header widget, when I do it adds additional white pace in the header that is not there when I do not use the words. I would like to not have that extra space pop in there under the logo and widget - if I remove the words it looks perfect but I think that the get social words make it more user friendly to the eye.
I am newer to CSS so please bear with me and try not to speak too much jargon for a newbie 🙂
I am really loving the theme but I am really hoping to be able to customize this more (things like moving that top menu bar above my logo to be right instead of left etc and recoloring the menu bars vs using a plugin) But getting rid of that white space my header area I will be happy for now!http://SlenderSuzie.comApril 6, 2015 at 6:14 am #146789
Issue 1: Add background-size: contain !important; to .header-image .site-title a
Issue 2: Remove the padding from .header-image .site-header .widget-area in your media queries.
April 6, 2015 at 6:28 am #146793
Thanks Victor but again I an NEW to coding this without plugins etc so that really does not tell me HOW to handle this. For #2 I founds a workaround yesterday but still #1 my header is messed up on smaller screens.April 6, 2015 at 8:44 am #146802April 6, 2015 at 8:46 am #146803
Thanks Victor - but maybe I can get an answer form someone who can actually tell me WHAT to do - what code to edit etc. No offense and I appreciate the response but I am aware that I need to edit my stuff. What I have tried to far is not working to fix the issue with the header.
I need some specific info on WHAT to edit and change and what to have to say to fix it.April 6, 2015 at 8:48 am #146804
I just gave you the answer. Edit style.css and add the changes I mentioned earlier. Plugins are not going to help you. If you can't edit style.css yourself, hire a developer. It will take less than a minute to fix both issues.
April 6, 2015 at 8:51 am #146805
Well so glad I came to a forum for help and so I could understand this coding for myself better while I learn CSS (as well as being new to Genesis just since Saturday and its a big jump from what I had been using) to be told "go hire someone" thanks
Think I will stay out of this forum going forward.April 6, 2015 at 8:55 am #146807
You need to learn the basics of WordPress. Editing a style sheet is a basic WordPress feature. This is a user supported forum for Genesis. You asked how to fix your problem. You have the answer. If you want to learn CSS or how to edit WordPress files, you need to find a training site.
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.