Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 22, 2014 at 4:50 pm #294440
    rjflaherty

    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

    July 22, 2014 at 5:06 pm #294453
    Yigit

    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

    July 22, 2014 at 8:32 pm #294555
    rjflaherty

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

    July 23, 2014 at 12:07 am #294647
    Yigit

    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

    July 23, 2014 at 3:38 pm #294973
    rjflaherty

    Thanks, that works!!

    July 23, 2014 at 3:42 pm #294975
    Yigit

    Hey!

    You are welcome, glad we could help! :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Removing menu/line on responsive header’ is closed to new replies.