Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 222
  • Last Modified:

How to reduce the space between the tittle of the page and navigation under it on a phone version?

Hi,

my new website www.juraglo.com has a problem: on the phone version there is a "huge" gab between the tittle and navigation. Could you please help me to find how to customize the php or css to make it "decent"? :)

the header and navigation of the theme are already customized by me.

cheers,
Jura
0
Lempute
Asked:
Lempute
  • 2
1 Solution
 
GaryCommented:
You have lots of <br> between the top title and nav bar.
0
 
LemputeAuthor Commented:
I do but it's because I want the gab to be on the pc version. Is there a way to have a gab on the pc version but to "smaller" it on the phone version?
0
 
GaryCommented:
Remove the <br>
Add to #custom-header-title {} - custom.css line 46

   padding-bottom: 80px;

In your media query - styles.css
@media only screen and (max-width: 768px) {}
add

#custom-header-title {
padding-bottom:0
}
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now