Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #740426

    Hi,

    My header and title overlap on a mobile menu

    #740436

    Hi dennishaarman!

    That is because of size.
    Can you resize anything ( like the title size ) would that work out for you?

    Thanks a lot

    Regards,
    Basilis

    #740550

    Hi Basilis,

    It is a H2 with only 20px size so any smaller is not preferred. Do you have other options?

    Many thanks in advance

    Regards,
    Dennis

    #741554

    Hi Dennis,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
    .av-content-full {
        padding-top: 200px !important;
    }
    }

    Best regards,
    Rikard

    #741680

    Hi Rikard,

    Unfortunately it didn’t work out. If I turn of sticky header then it is okay on the mobile but I love the sticky header in the desktop version….

    Regards,
    Dennis

    #743338

    Hi,

    I tried resizing browser window and could not notice any issues. Have you figured it out already?
    If not, can you please post a screenshot and show the issue? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Best regards,
    Yigit

    #744831

    Hi,

    I switched off the sticky header to prevent the issue, so it isn’t solved

    See screenshots

    #744886

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 767px) { 
    .container_wrap_first .content {
        padding-top: 200px !important;
    }}
    

    Best regards,
    Yigit

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