• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

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

Header in Epik Theme

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.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Header in Epik Theme

This topic is: not resolved

Tagged: Epik, epik theme, header, header logo, header widget

  • This topic has 7 replies, 2 voices, and was last updated 10 years, 3 months ago by Victor Font.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 5, 2015 at 9:42 am #146735
    SlenderSuzie
    Member

    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.com
    April 6, 2015 at 6:14 am #146789
    Victor Font
    Moderator

    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.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    April 6, 2015 at 6:28 am #146793
    SlenderSuzie
    Member

    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 #146802
    Victor Font
    Moderator

    You have to edit style.css in your theme folder.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    April 6, 2015 at 8:46 am #146803
    SlenderSuzie
    Member

    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
    Victor Font
    Moderator

    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.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    April 6, 2015 at 8:51 am #146805
    SlenderSuzie
    Member

    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

    smh

    Think I will stay out of this forum going forward.

    April 6, 2015 at 8:55 am #146807
    Victor Font
    Moderator

    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.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble