Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #294440

    Hello,

    I am trying to determine how to remove the line and space that appears between 768 px and 990 px on a site I am currently developing. URL: abtlaw.ryanflaherty.us

    Screenshots:

    How it looks 768-990px – http://i.imgur.com/VpT85YY.png

    How it should look (below 990 px) – http://i.imgur.com/5tXNpXD.png

    Any help is appreciated.

    -Ryan

    #294453

    Hi rjflaherty!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 990px) and (min-width: 768px) {
    .html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 122px; }}

    Regards,
    Yigit

    #294555

    Thanks for the quick response Yigit. Tried this but it’s still not working properly.

    #294647

    Hey!

    Please add !important rule as following

    @media only screen and (max-width: 990px) and (min-width: 768px) {
    .html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 122px!important; }}

    Currently it is not being applied

    Cheers!
    Yigit

    #294973

    Thanks, that works!!

    #294975

    Hey!

    You are welcome, glad we could help! :)

    Regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Removing menu/line on responsive header’ is closed to new replies.