Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 28, 2020 at 5:17 am #1256262
    BrendaSarg

    Hi there!

    I found this for mobile:
    @media only screen and (max-width: 767px) {
    #header_meta{
    width:100%!important;
    position:fixed!important;
    }}

    Which works, except it overlaps and cuts off my logo? Can you tell me how to fix that?

    And I’d like the secondary menu to stick to the top on desktop too when users scroll and can’t seem to figure that out.

    Thanks in advance!

    October 30, 2020 at 6:07 pm #1257087
    Victoria

    Hey BrendaSarg,

    Best regards,
    Victoria

    November 3, 2020 at 3:52 am #1257842
    BrendaSarg

    Well that didn’t really help as I need to show it all.

    November 4, 2020 at 10:22 pm #1258463
    Victoria

    Hi BrendaSarg,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 479px) {
  #menu-item-1384 {
    display: block;
    margin-top: 30px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.