Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 17, 2016 at 7:24 pm #566826
    shefferz

    Hi,
    I love this theme and have been enjoying being creative with it so thank you.

    However,
    1.I have searched a few times to try to find how to make the header transparent on mobile menu and none of the CSS has worked for my site. So I’m requesting help in this area.

    2. On the mobile view, the Image slider no longer extends the whole way to the top of the page like the desktop version does. It drops below the header, I would like it to be Identical to the desktop site.

    Please advise thanks!

    January 19, 2016 at 3:22 pm #567852
    Yigit

    Hey shefferz!

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

    @media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency {
    background-color: transparent;
    position: absolute!important;
}}

    Authentication is required. If the code above does not help, can you please post username and password for it? :)

    Regards,
    Yigit

    • This reply was modified 8 years, 11 months ago by Yigit.
    January 20, 2016 at 6:19 pm #568795
    shefferz

    Hey there,

    Thanks for the help so far.

    The code does work on its own- however its interfering with another block of CSS im using. Here is the both codes.

    Once i delete the top one your code does work but I would like both to work simultaneously.

    Please advise.

    
/*trigger the Logo center, menu below header option once the screen width hits a certain width*/
@media only screen and (max-width: 1150px) {
.logo {
left: 34%;
}
nav.main_menu {
display: block !important;
top: 59px;
}
}}

/*Mobile Header Identical To Desktop*/
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency {
    background-color: transparent;
    position: absolute!important;
}}
    January 22, 2016 at 1:21 pm #569993
    Andy

    Hi!

    I checked header on mobile, but not sure which changes you want to achieve. Can you provide us a mockup showing the results you want to achieve please? then we can provide you some precise css code. Use imgur.com or dropbox.

    Cheers!
    Andy

    January 28, 2016 at 4:58 am #573472
    rosamatsas

    just wanted to say thank you. this thread helped alot

    January 28, 2016 at 1:27 pm #573706
    shefferz

    updated to this – i figured it out, dont exactly remember what It was, but it can be closed.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Mobile Header Identical To Desktop?’ is closed to new replies.