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

Metro Pro header search widget overlaps logo on some resolutions

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 › Metro Pro header search widget overlaps logo on some resolutions

This topic is: resolved

Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 8, 2014 at 12:21 am #123293
    ArtsNet
    Participant

    I am having a problem on this site: http://kylemewburn.com/. I have a logo of 430x120px. The problem appears only to occur on resolutions of between 1005 and 1120 pixels. I had amended the CSS to this:

    * Widget Area
    ——————————————— */
    .site-header .widget-area {float: right; width: 300px;}
    .site-header .search-form { float: right; margin-top: 16px; width: 100%;}

    I only discovered this problem when I used the iPad emulator (http://ipadpeek.com/) to view the site.

    I assume I have to tweak the @media CSS. Any advise would be greatly appreciated.

    Cheers
    Doug

    http://kylemewburn.com/
    September 8, 2014 at 12:33 am #123295
    ArtsNet
    Participant

    Sorry I posted this in the wrong forum but I can't delete it. Still any help would be much appreciated.

    September 8, 2014 at 9:57 am #123395
    emasai
    Participant

    On line 1857, the .title-area is reduced to 272px which is cutting it off. Remove .title-area from the selectors and then go to line 1841 .site-header .widget-area and change the width to 300px.

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

    September 8, 2014 at 2:35 pm #123478
    ArtsNet
    Participant

    Fantastic. Thanks so much for your help. All good now.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.