Solved

drop down navigation on mobile devices adds spaces

Posted on 2016-11-01
3
98 Views
Last Modified: 2016-11-07
Trying to figure out what to modify so that the submenu buttons on this wordpress site so it doesn't have such large gaps between the drop down buttons (see Products, Wholesale).  This is quite evident on 1024 x 600 ipad landscape.  I pointed out gaps with green highlight in image.
menu.

http://36a.ed7.myftpupload.com
0
Comment
Question by:nsitedesigns
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 22

Expert Comment

by:Kim Walker
ID: 41868606
This is the style that's giving it the space. Change the padding to zero.
.genesis-nav-menu.responsive-menu .menu-item, .responsive-menu-icon {
    padding: 5px;
}

Open in new window

It's coming from the sccss document. But you should add this to your custom css document.
0
 

Author Comment

by:nsitedesigns
ID: 41868615
Kim,  I did what you asked but it didn't seem to do anything.  I cleared cache too.
0
 
LVL 22

Accepted Solution

by:
Kim Walker earned 500 total points
ID: 41869554
I can't see that you've made any changes. Which is the custom stylesheet in your document? On what line did you add the new style?

I've actually posted the style that you need to override, NOT what you need to add. Just copy the style you need to override and paste it in your custom stylesheet but change the padding to zero. You'll also need to paste it in the correct media query. I can't see media queries that are embedded in linked stylesheets. That's one reason I prefer to have separate stylesheet files for my media queries. The media query parameters are visible in the link tags so it's easy to see.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
e-commerce site using wordpress 4 27
Application.cfm not found issue 2 36
Magento and WordPress installation - do they share a database? 3 33
HTML question 2 26
Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
Is your phone running out of space to hold pictures?  This article will show you quick tips on how to solve this problem.
The purpose of this video is to demonstrate how to update a WordPress Site’s version. WordPress releases new versions of its software frequently and it is important to update frequently in order to keep your site secure, and to get new WordPress…
The viewer will learn how to dynamically set the form action using jQuery.

733 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question