Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 7, 2018 at 1:01 am #952416
    bruttougo

    Hi,
    you helped me to create a home page like this http://publisherdemo1.altervista.org
    with transparent header and a big logo at the center, on the background image.
    But I would the same for tablet and phone resolution, while for mobile my title bar is still visible and the logo is small and on the left and inside the title bar.
    Could you give me a css code for get this?
    thank in advance
    MonicA

    May 8, 2018 at 11:58 am #953320
    Ismael

    Hey Monica,

    Thank you for using Enfold.

    Use this code to remove the top margin on tablet screens.

    @media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive #top {
    overflow-x: hidden;
    margin-top: 0 !important;
}
}

    How would you like the site to display on mobile view (iPhone)? Please provide a screenshot from imgur or dropbox.

    Best regards,
    Ismael

    May 8, 2018 at 12:33 pm #953334
    bruttougo

    Hi Ismael,
    unfortunately your css code does not work, as you can see here: https://www.dropbox.com/s/3in94fgw1ggm0vg/shot-tablet.jpg?dl=0

    Here is the link to the scrrensot: I want this result for smartphone and for tablets: https://www.dropbox.com/s/nrmv5lpa9kp04q5/phone-shot.png?dl=0

    thank in advance
    Monica

    May 9, 2018 at 4:45 pm #954042
    Ismael

    Hi,

    Thanks for the update. Try to add the css code in the theme’s Quick CSS field or the child theme’s style.css file. Include this css code to change the mobile view.

    @media only screen and (max-width: 767px) {
.responsive #top.home #wrap_all #header {
    display: none !important;
}
}

    Best regards,
    Ismael

    May 9, 2018 at 7:11 pm #954115
    bruttougo

    Ok, but this way also my logo desappeared: https://www.dropbox.com/s/p1nxc2bz1daz9ap/ssh.png?dl=0

    Is there no way to get this? -> https://www.dropbox.com/s/nrmv5lpa9kp04q5/phone-shot.png?dl=0

    May 11, 2018 at 8:02 am #955065
    Victoria

    Hi bruttougo,

    Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Victoria

    May 16, 2018 at 5:20 pm #957598
    bruttougo

    Thanks anyway! With your css code to hide the header for mobile, I found a way to get what I wanted: through a layer slider!! :)

    May 17, 2018 at 8:50 am #958013
    Nikko

    Hi bruttougo,

    Glad to hear that :)
    Feel free to comeback if you need further assistance.
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘transparent header for mobile resolutions’ is closed to new replies.