StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Responsive Header issue

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › General Discussion › Responsive Header issue

This topic is: resolved
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 6, 2014 at 9:14 pm #126960
    AmyRogers
    Member

    I'm having a bit of an issue with the header on this site:

    S3managementgroup.com

    Because the logo is fixed on the leather strip behind it, it doesn't always line up correctly. Here is a screen shot from my laptop, where it is lined up as I want it:

    screenshot

    Here is the screenshot from the client's monitor which is larger, so the alignment is skewed:

    screenshot

    I understand how to change this in media queries using edited images for smaller screens, but how to do it for larger screens?

    October 7, 2014 at 1:49 pm #127016
    emasai
    Participant

    You have to separate the logo from the leather strip. The leather strip should repeat-x in the header section to go all the way across the page, and then you place the logo in the title-area. The way you have done it they will never align correctly.

    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    October 7, 2014 at 9:57 pm #127072
    AmyRogers
    Member

    Lynne,

    Thank you so much! I am almost there, but the logo is bumped up on the left.

    I removed the header and primary nav from the wrap. How can I get the left side of the log to align with the left side of the menu items and the slider?

    I will be happy to pay you for your time on this. Thanks so much!

    Amy

    October 7, 2014 at 10:52 pm #127073
    AmyRogers
    Member

    Okay! That was a lot of running around in circles! Put it back in the wrap and it works. Now I just want to remove the space between the primary nav menu and the header. If you feel like checking it out, I would appreciate it!

    October 7, 2014 at 10:58 pm #127074
    emasai
    Participant

    There is a space for a widget area on line 1048 .site-header .widget-area. Remove it.

    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    October 7, 2014 at 11:22 pm #127077
    AmyRogers
    Member

    Thank you, I've got it down to a little sliver of space. Any thoughts on that? I've looked through the CSS and can't figure out what else it might be.

    Again, I would be more than happy to pay for your time. Thank you so much for your help, Lynne!

    October 7, 2014 at 11:50 pm #127080
    emasai
    Participant

    Line 1035 change the margin-bottom to -5px. It's not the best solution to use a negative margin, but at this late hour it's the best I can do. If that doesn't work, contact me through my website and I'll take a better look when I'm wide awake! LOL

    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    October 8, 2014 at 6:01 am #127096
    AmyRogers
    Member

    Lynne,

    That fixed it. Thank you so much for all your help!

    Amy

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Responsive Header issue’ is closed to new replies.