Epik Mobile Responsive – Spacing Around Logo & Menu Icon

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

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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?

      #13787
      Wes
      Moderator

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

        #13793
        cannett
        Customer
          #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.

            #13811
            cannett
            Customer

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

              #13821
              Wes
              Moderator

                You’re Welcome!

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