• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Epik Mobile Responsive – Spacing Around Logo & Menu Icon

Home › Community Forums › General › Epik Mobile Responsive – Spacing Around Logo & Menu Icon

Tagged: epik, Menu Icon, mobile responsive, padding, spacing

  • This topic has 5 replies, 2 voices, and was last updated 8 years, 4 months ago by Wes.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 5, 2014 at 11:07 am #13779
    cannett
    Customer

    Hello!!

    Just wondering how to decrease the amount of space between the Header Logo Image and the Menu Link Icon and between the icon and the slider on phones?

    September 6, 2014 at 11:18 am #13787
    Wes
    Moderator

    Do you have a link to your site? I can take a look to see what needs to be adjusted.

    September 7, 2014 at 2:17 pm #13793
    cannett
    Customer

    Yes, Thank you…

    http://www.stressedoutsolutions.com

    September 7, 2014 at 9:44 pm #13806
    Wes
    Moderator

    You can try adding this code to your responsive section at the bottom of your css (in the mobile area around line 4181 ) –

    .header-image .site-header .widget-area {
        padding: 0;
    }

    This will override the code that is active on the desktop part of the css which looks like this –

    .header-image .site-header .widget-area {
        padding: 40px 0;
    }

    Add the code at the top under line 4181. The section should look like this –

    /* iPhones (portrait and landscape)
    --------------------------------------------- */
    
    @media only screen and (max-width: 767px) {

    Let me know if that helps.

    September 8, 2014 at 11:27 am #13811
    cannett
    Customer

    Thank you so much! Works like a charm!!!

    September 9, 2014 at 2:55 pm #13821
    Wes
    Moderator

    You’re Welcome!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Epik Mobile Responsive – Spacing Around Logo & Menu Icon’ is closed to new replies.

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework