• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 211
  • 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

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

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