Solved

drop down navigation on mobile devices adds spaces

Posted on 2016-11-01
3
45 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
  • 2
3 Comments
 
LVL 21

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 21

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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Suggested Solutions

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
By this time the large percentage of day-to-day transactions have shifted to mobile banking; here are some overriding areas QAs must investigate while testing mobile banking apps.  
The purpose of this video is to demonstrate how to reset a WordPress password if you are locked out and cannot reset the password. A typical use would be if you cannot access the email to which WordPress would send the password recovery email to…
The purpose of this video is to demonstrate how to set up the permalinks on a WordPress Website. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Go t…

747 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

Need Help in Real-Time?

Connect with top rated Experts

8 Experts available now in Live!

Get 1:1 Help Now